From 922acb3981740731fb662ac59d92d7d1c6248115 Mon Sep 17 00:00:00 2001
From: Wugaoliang <wugaoliang@xiaomi.com>
Date: Tue, 5 Jan 2021 19:53:49 +0800
Subject: [PATCH] fix: #1493

---
 CHANGELOG.md                     |  1 +
 components/tabs/style/index.scss | 11 +++++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1442fbcd4..c9b3d091a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## 3.3.1
 
 - 修复 `SelectTree` 搜索输入框在输入值时失焦问题 [#1491](https://github.com/XiaoMi/hiui/issues/1491)
+- 修复 `Tabs` 组件垂直方向样式显示错误 [#1493](https://github.com/XiaoMi/hiui/issues/1493)
 ## 3.3.0
 - 新增 `Card` 模式模式下 loading 加载中状态 [#1454](https://github.com/XiaoMi/hiui/issues/1454)
 - 新增 `Table` loading 加载中状态 [#1466](https://github.com/XiaoMi/hiui/issues/1466)
diff --git a/components/tabs/style/index.scss b/components/tabs/style/index.scss
index 6aa5eb597..afdf20ccd 100644
--- a/components/tabs/style/index.scss
+++ b/components/tabs/style/index.scss
@@ -15,6 +15,7 @@ $prefix: 'hi-tabs' !default;
     cursor: pointer;
     border: 1px solid transparent;
     transition: all 300ms;
+
     &:not(&--disabled):focus {
       outline: none;
       color: use-color('primary');
@@ -112,6 +113,12 @@ $prefix: 'hi-tabs' !default;
     }
   }
 
+  &.hi-tabs--line:not(.hi-tabs--vertical) {
+    .hi-tabs__item:first-of-type {
+      padding-left: 0;
+    }
+  }
+
   &--card.#{$prefix}--vertical {
     display: flex;
     flex-wrap: nowrap;
@@ -290,10 +297,6 @@ $prefix: 'hi-tabs' !default;
         padding: 0 16px;
         box-sizing: border-box;
 
-        &:first-of-type {
-          padding-left: 0;
-        }
-
         &:hover {
           color: use-color('primary');
         }