feat: update collapse

mewcoder · Sep 11, 2022 · 9350cff · 9350cff
1 parent 73d9beb
commit 9350cff
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -46,7 +46,7 @@ export default {
             { text: '🚧 Table 表格 ', link: '/component/table' },
             { text: '🚧 Tree 树 ', link: '/component/tree' },
             { text: '🚧 Carousel 走马灯', link: '/component/carousel' },
-            { text: '🚧 Collapse 折叠面板 ', link: '/component/collapse' }
+            { text: 'Collapse 折叠面板 ', link: '/component/collapse' }
           ]
         },
         {

diff --git a/packages/theme/collapse.css b/packages/theme/collapse.css
@@ -1,14 +1,14 @@
 .a-collapse {
   @apply text-sm;
-  @apply border-t-1 border-gray-200;
+  @apply p-3 rounded-xl shadow;
 }
 
-.a-collapse-item {
-  @apply border-b-1  border-gray-200;
+.a-collapse-item + .a-collapse-item {
+  @apply mt-2;
 }
 
 .a-collapse-item__header {
-  @apply bg-gray-50  p-3;
+  @apply bg-gray-100 rounded-xl px-4 py-3;
   @apply cursor-pointer;
   @apply flex justify-between items-center;
 }
@@ -18,7 +18,7 @@
 }
 
 .a-collapse-item__content {
-  @apply px-3 py-4 text-gray-600;
+  @apply px-4 py-4 text-gray-600;
   @apply cursor-pointer;
   @apply transition duration-200;
 }