fix(empty): correct css and docs (#2819)

jdf2e · Dec 3, 2024 · b635275 · b635275
1 parent 116fbbf
commit b635275
Show file tree

Hide file tree

Showing 6 changed files with 2 additions and 10 deletions.
diff --git a/src/packages/empty/doc.en-US.md b/src/packages/empty/doc.en-US.md
@@ -87,6 +87,5 @@ The component provides the following CSS variables, which can be used to customi
 | \--nutui-empty-image-small-size | When size is small, the size of the Empty component image | `120px` |
 | \--nutui-empty-title-margin-top | The value of margin-top of the Empty component image title | `0px` |
 | \--nutui-empty-title-line-height | Empty component image title line height | `$font-size-l` |
-| \--nutui-empty-description-margin-top | The value of margin-top of the Empty component image description | `4px` |
 | \--nutui-empty-description-line-height | Empty component image description line height | `1` |
 | \--nutui-empty-background-color | Empty component background color | `#fff` |
diff --git a/src/packages/empty/doc.md b/src/packages/empty/doc.md
@@ -87,6 +87,5 @@ import { Empty } from '@nutui/nutui-react'
 | \--nutui-empty-image-small-size | size 为 small 时，Empty组件图片的尺寸大小 | `120px` |
 | \--nutui-empty-title-margin-top | Empty组件图片标题margin-top的值 | `0px` |
 | \--nutui-empty-title-line-height | Empty组件图片标题行高 | `$font-size-l` |
-| \--nutui-empty-description-margin-top | Empty组件图片描述margin-top的值 | `4px` |
 | \--nutui-empty-description-line-height | Empty组件图片描述行高 | `1` |
 | \--nutui-empty-background-color | Empty组件背景色 | `#fff` |
diff --git a/src/packages/empty/doc.taro.md b/src/packages/empty/doc.taro.md
@@ -87,6 +87,5 @@ import { Empty } from '@nutui/nutui-react-taro'
 | \--nutui-empty-image-small-size | size 为 small 时，Empty组件图片的尺寸大小 | `120px` |
 | \--nutui-empty-title-margin-top | Empty组件图片标题margin-top的值 | `0px` |
 | \--nutui-empty-title-line-height | Empty组件图片标题行高 | `$font-size-l` |
-| \--nutui-empty-description-margin-top | Empty组件图片描述margin-top的值 | `4px` |
 | \--nutui-empty-description-line-height | Empty组件图片描述行高 | `1` |
 | \--nutui-empty-background-color | Empty组件背景色 | `#fff` |
diff --git a/src/packages/empty/doc.zh-TW.md b/src/packages/empty/doc.zh-TW.md
@@ -87,6 +87,5 @@ import { Empty } from '@nutui/nutui-react'
 | \--nutui-empty-image-small-size | size 爲 small 時，Empty組件圖片的尺寸大小 | `120px` |
 | \--nutui-empty-title-margin-top | Empty組件圖片標題margin-top的值 | `0px` |
 | \--nutui-empty-title-line-height | Empty組件圖片標題行高 | `$font-size-l` |
-| \--nutui-empty-description-margin-top | Empty組件圖片描述margin-top的值 | `4px` |
 | \--nutui-empty-description-line-height | Empty組件圖片描述行高 | `1` |
 | \--nutui-empty-background-color | Empty組件背景色 | `#fff` |
diff --git a/src/packages/empty/empty.scss b/src/packages/empty/empty.scss
@@ -47,12 +47,12 @@
   &-actions-base {
     display: flex;
     flex-direction: row;
-    margin-top: 16px;
+    margin-top: 24px;
   }
   &-actions-small {
     display: flex;
     flex-direction: row;
-    margin-top: 24px;
+    margin-top: 16px;
   }
 
   &-action {

diff --git a/src/styles/variables.scss b/src/styles/variables.scss
@@ -1962,10 +1962,6 @@ $empty-title-line-height: var(
   --nutui-empty-title-line-height,
   $font-size-l
 ) !default;
-$empty-description-margin-top: var(
-  --nutui-empty-description-margin-top,
-  0px
-) !default;
 $empty-description-line-height: var(
   --nutui-empty-description-line-height,
   1