Browse Source

优化tab样式

jqh 5 years ago
parent
commit
74dcd4554d

+ 1 - 1
resources/assets/dcat/sass/components/_layer.scss

@@ -1,6 +1,6 @@
 .layui-layer {
   box-shadow: 0 2px 4px 0 rgba(0,0,0,.2)!important;
-  border-radius: .5rem!important;
+  border-radius: .4rem!important;
 }
 
 .layui-layer-title {

+ 1 - 4
resources/assets/dcat/sass/components/_menu.scss

@@ -77,13 +77,10 @@ body.sidebar-collapse {
 .main-sidebar {
   .nav-sidebar .nav-item > .nav-link {
     font-size: 1.1rem;
+    border-radius: .25rem;
   }
 }
 
-.nav.nav-pills .nav-item .nav-link {
-  border-radius: 0.1rem;
-}
-
 .nav-pills .nav-link:not(.active):hover {
   color: $font-color;
 }

+ 22 - 2
resources/assets/dcat/sass/components/_tab.scss

@@ -7,6 +7,8 @@
   padding: 17px 14px;
   text-transform: capitalize;
   letter-spacing: 0.045rem;
+  color: rgba(0,0,0,.4);
+  font-weight: bold;
 }
 
 .nav-vertical {
@@ -34,7 +36,7 @@
   margin-bottom: 0;
 }
 .nav.nav-tabs {
-  border-bottom: 1px solid #eee;
+  border-bottom: 1px solid #f4f4f4;
 }
 
 .nav-vertical {
@@ -51,12 +53,13 @@
   }
 }
 
-.nav-theme-primary, .nav-theme-success, .nav-theme-info, .nav-theme-danger {
+.nav-theme-primary, .nav-theme-white, .nav-theme-success, .nav-theme-info, .nav-theme-danger {
   .nav.nav-tabs {
     background: $primary;
     padding-left: 10px;
     border-radius: .4rem;
     box-shadow: $shadow;
+    border-bottom: 0;
   }
 
   .nav.nav-tabs .nav-item .nav-link {
@@ -91,3 +94,20 @@
 .nav-theme-danger .nav.nav-tabs {
   background: $danger;
 }
+.nav-theme-white {
+  .nav.nav-tabs {
+    background: #fff;
+  }
+
+  .nav.nav-tabs .nav-item .nav-link {
+    color: rgba(0,0,0,.4);;
+  }
+
+  .nav.nav-tabs .nav-item .nav-link.active {
+    color: $primary;
+  }
+
+  .nav.nav-tabs .nav-item .nav-link.active:after {
+    background: $primary!important;
+  }
+}

File diff suppressed because it is too large
+ 0 - 0
resources/dist/dcat/css/dcat-app-blue-light.css


File diff suppressed because it is too large
+ 0 - 0
resources/dist/dcat/css/dcat-app-blue.css


File diff suppressed because it is too large
+ 0 - 0
resources/dist/dcat/css/dcat-app-green.css


File diff suppressed because it is too large
+ 0 - 0
resources/dist/dcat/css/dcat-app.css


Some files were not shown because too many files changed in this diff