fix: 修复 f-checkbox-group 组件 row-gap 配置项失效问题

FightingDesign · Jun 13, 2024 · 8bad95a · 8bad95a
1 parent 851b9fc
commit 8bad95a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 中文 | [英文](https://github.com/FightingDesign/fighting-design/blob/master/CHANGELOG.en-US.md)
 
+- 修复 `f-checkbox-group` 组件 `row-gap` 配置项失效问题
+
 ## 1.0.0-alpha.8 (2024-06-12)
 
 - 修复 `f-image` 和 `f-avatar` 组件被挤压的问题

diff --git a/packages/fighting-theme/src/checkbox-group.scss b/packages/fighting-theme/src/checkbox-group.scss
@@ -7,20 +7,19 @@
   position: relative;
   vertical-align: top;
   column-gap: var(--checkbox-group-column-gap, 30px);
+  row-gap: var(--checkbox-group-row-gap, 0);
   overflow: hidden;
 
   // 纵向排列
   &.f-checkbox-group__vertical {
     flex-direction: column;
-    row-gap: var(--checkbox-group-row-gap, 20px);
   }
 
   // 背景状态
   &.f-checkbox-group__background {
     background: #ececf1;
     flex-wrap: nowrap;
     column-gap: var(--checkbox-group-column-gap, 2px);
-    row-gap: var(--checkbox-group-row-gap, 0);
 
     .f-checkbox {
       border-radius: 3px;