fix(collapse): adjust the padding style within the mobile-first component to optimize the visual effect

zzcr · zzcr · commit 65fca1b9a45f · 2025-04-08T14:19:42.000+08:00
diff --git a/packages/vue/src/collapse-item/src/mobile-first.vue b/packages/vue/src/collapse-item/src/mobile-first.vue
@@ -65,7 +65,7 @@
         :aria-labelledby="`tiny-collapse-head-${state.id}`"
         :id="`tiny-collapse-content-${state.id}`"
       >
-        <div class="pb-6 pt-0 px-4 sm:pt-0 sm:pr-0 sm:pl-4 sm:pb-4 text-xs text-color-text-primary leading-relaxed">
+        <div class="pb-3 pt-0 px-4 sm:pt-0 sm:pr-0 sm:pl-4 sm:pb-4 text-xs text-color-text-primary leading-relaxed">
           <slot></slot>
         </div>
       </div>

Original file line number	Diff line number	Diff line change
`@@ -65,7 +65,7 @@`
`65`	`65`	:aria-labelledby="`tiny-collapse-head-${state.id}`"
`66`	`66`	:id="`tiny-collapse-content-${state.id}`"
`67`	`67`	`>`
`68`		`- <div class="pb-6 pt-0 px-4 sm:pt-0 sm:pr-0 sm:pl-4 sm:pb-4 text-xs text-color-text-primary leading-relaxed">`
	`68`	`+ <div class="pb-3 pt-0 px-4 sm:pt-0 sm:pr-0 sm:pl-4 sm:pb-4 text-xs text-color-text-primary leading-relaxed">`
`69`	`69`	`<slot></slot>`
`70`	`70`	`</div>`
`71`	`71`	`</div>`