fix(collapse): modify padding

varletjs · Mar 20, 2022 · 6ef1a28 · 6ef1a28
1 parent 83c025c
commit 6ef1a28
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/packages/varlet-ui/src/collapse-item/collapseItem.less b/packages/varlet-ui/src/collapse-item/collapseItem.less
@@ -1,9 +1,9 @@
 @collapse-background: #fff;
 @collapse-text-color: #232222;
 @collapse-header-font-size: var(--font-size-lg);
-@collapse-header-padding: 10px 16px;
+@collapse-header-padding: 10px 12px;
 @collapse-content-font-size: var(--font-size-md);
-@collapse-content-padding: 0 16px 10px;
+@collapse-content-padding: 0 12px 10px;
 @collapse-item-margin-top: 16px;
 @collapse-disable-color: #bdbdbd;
 @collapse-border-top: thin solid rgba(0, 0, 0, 0.12);

diff --git a/packages/varlet-ui/src/collapse/docs/en-US.md b/packages/varlet-ui/src/collapse/docs/en-US.md
@@ -174,7 +174,7 @@ Here are the CSS variables used by the component, Styles can be customized using
 | `--collapse-header-font-size` | `var(--font-size-lg)` |
 | `--collapse-header-padding` | `10px 16px` |
 | `--collapse-content-font-size` | `var(--font-size-md)` |
-| `--collapse-content-font-size` | `14px` |
+| `--collapse-content-padding` | `0 12px 10px` |
 | `--collapse-item-margin-top` | `16px` |
 | `--collapse-disable-color` | `#bdbdbd` |
 | `--collapse-border-top` | `thin solid rgba(0, 0, 0, 0.12)` |
diff --git a/packages/varlet-ui/src/collapse/docs/zh-CN.md b/packages/varlet-ui/src/collapse/docs/zh-CN.md
@@ -174,7 +174,7 @@ export default {
 | `--collapse-header-font-size` | `var(--font-size-lg)` |
 | `--collapse-header-padding` | `10px 16px` |
 | `--collapse-content-font-size` | `var(--font-size-md)` |
-| `--collapse-content-font-size` | `14px` |
+| `--collapse-content-padding` | `0 12px 10px` |
 | `--collapse-item-margin-top` | `16px` |
 | `--collapse-disable-color` | `#bdbdbd` |
 | `--collapse-border-top` | `thin solid rgba(0, 0, 0, 0.12)` |