CN-1594 feat: appearance和license

3 files changed, 12 insertions, 42 deletions

diff --git a/src/assets/css/components/views/administration/Appearance.scss b/src/assets/css/components/views/administration/Appearance.scss
index 4da05ee6..3183704d 100644
--- a/src/assets/css/components/views/administration/Appearance.scss
+++ b/src/assets/css/components/views/administration/Appearance.scss
@@ -20,8 +20,6 @@
       width: 600px;
 
       .el-select__wrapper {
-        min-height: 32px !important;
-        line-height: 32px;
         padding: 0 10px 0 16px;
         font-size: 13px;
       }
@@ -56,43 +54,25 @@
     padding-left: 200px;
 
     .footer__btn {
-      margin: 0 10px;
+      margin: 0 15px;
       height: 30px;
       min-width: 74px;
       padding: 0 15px;
       color: var(--el-color-white);
       background-color: var(--el-color-business);
-      border: none;
+      border: 1px solid var(--el-color-business-dark-2);
       border-radius: var(--el-border-radius-base);
       outline: none;
       font-size: 14px;
       cursor: pointer;
-      transition: background-color linear var(--el-transition-duration-fast), color linear .1s;
-    }
-
-    .footer__btn-position {
-      position: relative;
+      transition: all linear .1s;
     }
 
     .footer__btn:hover:not(.footer__btn--disabled) {
-      background-color: lighten(#38ACD2, 10%);
-    }
-
-    .footer__btn--light {
-      background-color: var(--el-fill-color-light);
-      border: 1px solid var(--el-color-info-light-7);
-      color: var(--el-text-color-primary);
+      background-color: var(--el-color-business-light-2);
     }
-
-    .footer__btn.footer__btn--light:hover:not(.footer__btn--disabled) {
-      background-color: var(--el-fill-color-blank);
-      border-color: lighten(#38ACD2, 40%);
-      color: var(--el-color-business);
-    }
-
-    .footer__btn--disabled {
-      opacity: .6;
-      cursor: default;
+    .footer__btn:focus:not(.footer__btn--disabled) {
+      background-color: var(--el-color-business-dark-1);
     }
   }
 }
diff --git a/src/assets/css/components/views/administration/License.scss b/src/assets/css/components/views/administration/License.scss
index 65031333..fb6a6a2d 100644
--- a/src/assets/css/components/views/administration/License.scss
+++ b/src/assets/css/components/views/administration/License.scss
@@ -21,28 +21,19 @@
         min-width: 74px;
         color: var(--el-color-white);
         background-color: var(--el-color-business);
-        border: none;
+        border: 1px solid var(--el-color-business-dark-2);
         border-radius: var(--el-border-radius-base);
         outline: none;
         font-size: 14px;
         cursor: pointer;
-        transition: background-color linear var(--el-transition-duration-fast), color linear .1s;
+        transition: all linear .1s;
       }
 
-      .license__btn:hover:not(.footer__btn--disabled) {
-        background-color: lighten(#38ACD2, 10%);
+      .license__btn:hover:not(.license__btn--disabled) {
+        background-color: var(--el-color-business-light-2);
       }
-
-      .license__btn--light {
-        background-color: var(--el-fill-color-light);
-        border: 1px solid var(--el-color-info-light-7);
-        color: var(--el-text-color-primary);
-      }
-
-      .license__btn.license__btn--light:hover:not(.license__btn--disabled) {
-        background-color: var(--el-fill-color-blank);
-        border-color: lighten(#38ACD2, 40%);
-        color: var(--el-color-business);
+      .license__btn:focus:not(.license__btn--disabled) {
+        background-color: var(--el-color-business-dark-1);
       }
 
       .license__btn--disabled {
diff --git a/src/assets/css/components/views/location/location.scss b/src/assets/css/components/views/location/location.scss
index 549abf7c..2b9d43c2 100644
--- a/src/assets/css/components/views/location/location.scss
+++ b/src/assets/css/components/views/location/location.scss
@@ -26,7 +26,6 @@ $color-highlight: #CC4444;
         border-radius: 10px;
         font-size: 12px;
         color: $color-white;
-        font-weight: 500;
         height: 20px;
         width: fit-content;
         min-width: 20px;