[#724][3.0] Tabs 컴포넌트 개발

############################### - 테마별 스타일 변경 - 불필요한 코드 제거
ex-em · Dec 3, 2020 · 4092ec2 · 4092ec2
1 parent a07a176
commit 4092ec2
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/docs/components/MarkdownView.vue b/docs/components/MarkdownView.vue
@@ -764,6 +764,10 @@ export default {
   line-height: 1.45;
   overflow: auto;
   padding: 16px;
+
+  @include themify() {
+    background-color: themed('border-color-base');
+  }
 }
 
 .markdown pre code {

diff --git a/src/components/tabs/Tabs.vue b/src/components/tabs/Tabs.vue
@@ -90,8 +90,6 @@ import {
 
 export default {
   name: 'EvTabs',
-  components: {
-  },
   props: {
     modelValue: {
       type: [String, Number],
@@ -441,9 +439,9 @@ export default {
     }
     &.active {
       background-color: transparent;
-      border-bottom: 1px solid #FFFFFF;
 
       @include evThemify() {
+        border-bottom: 1px solid evThemed('background-base');
         color: evThemed('primary');
       }
     }
@@ -481,6 +479,7 @@ export default {
   $tab-header-height: $input-default-height;
   box-sizing: border-box;
   margin-bottom: -1px;
+  user-select: none;
 
   &.has-scroll {
     $arrow-width: 17px;
@@ -495,7 +494,11 @@ export default {
       font-size: $font-size-base;
       text-align: center;
       cursor: pointer;
-      background-color: #FFFFFF;
+
+      @include evThemify() {
+        background-color: evThemed('background-base');
+      }
+
       &:hover {
         @include evThemify() {
           color: evThemed('primary');

diff --git a/src/style/components/input.scss b/src/style/components/input.scss
@@ -8,6 +8,7 @@
 
   @include evThemify() {
     border: 1px solid evThemed('border-base');
+    color: evThemed('font-base');
   }
   &:focus,
   &:hover {