2024-10-10

2024-10-10 12:56:56 +08:00
commit 7b347c848a
2648 changed files with 643965 additions and 0 deletions
--- a/web/bsadmin/assets/sass/tab.scss
+++ b/web/bsadmin/assets/sass/tab.scss
@@ -0,0 +1,182 @@
+@import "variable"; // variable
+.nav-tabs > li > a {
+    border-radius: 0px;
+    padding: 7px 24px;
+    margin-right: 0px;
+}
+
+.tab-pane {
+    color: $text;
+    line-height: 26px;
+    padding-top: 15px;
+}
+
+
+/*    Custom Tab
+----------------------*/
+
+.custom-tab {
+    .nav-tabs > li.active > a,
+    .nav-tabs > li.active > a:focus,
+    .nav-tabs > li.active > a:hover {
+        border-color: transparent transparent;
+        color: $primary;
+        position: relative;
+        &:after {
+            background: $primary;
+            bottom: -1px;
+            content: "";
+            height: 2px;
+            left: 0;
+            position: absolute;
+            right: 0;
+            width: 100%;
+            z-index: 999;
+        }
+    }
+    .nav > li > a:focus,
+    .nav > li > a:hover {
+        background-color: transparent;
+        text-decoration: none;
+        border: 1px solid transparent;
+    }
+}
+
+/*    Vertical Tab Left
+----------------------*/
+
+.vertical-tab-left {
+    .nav-tabs {
+        float: left;
+        border-right: 1px solid $border;
+        border-bottom: 0px;
+    }
+    .nav-tabs > li {
+        float: none;
+    }
+    .nav-tabs > li.active > a,
+    .nav-tabs > li.active > a:focus,
+    .nav-tabs > li.active > a:hover {
+        background: $primary;
+        color: $white;
+        border-color: transparent transparent;
+    }
+    .nav > li > a:focus,
+    .nav > li > a:hover {
+        background-color: transparent;
+        text-decoration: none;
+        border: 1px solid transparent;
+    }
+    .tab-pane {
+//  padding-left: 115px;
+  padding-top: 0;
+}
+}
+
+
+/*    Vertical Tab Right
+----------------------*/
+
+.vertical-tab-right {
+    .nav-tabs {
+        float: right;
+        border-left: 1px solid $border;
+        border-bottom: 0px;
+    }
+    .nav-tabs > li {
+        float: none;
+    }
+    .nav-tabs > li.active > a,
+    .nav-tabs > li.active > a:focus,
+    .nav-tabs > li.active > a:hover {
+        background: $primary;
+        color: $white;
+        border-color: transparent transparent;
+    }
+    .nav > li > a:focus,
+    .nav > li > a:hover {
+        background-color: transparent;
+        text-decoration: none;
+        border: 1px solid transparent;
+    }
+    .tab-pane {
+//  padding-left: 115px;
+  padding-top: 0;
+}
+}
+
+
+
+
+
+
+
+//
+//
+//.tabs-left, .tabs-right {
+//  border-bottom: none;
+//  padding-top: 2px;
+//}
+//.tabs-left {
+//  border-right: 1px solid $border;
+//}
+//.tabs-right {
+//  border-left: 1px solid $border;
+//}
+//.tabs-left>li, .tabs-right>li {
+//  float: none;
+//  margin-bottom: 2px;
+//}
+//.tabs-left>li {
+//  margin-right: -1px;
+//}
+//.tabs-right>li {
+//  margin-left: -1px;
+//}
+//.tabs-left>li.active>a,
+//.tabs-left>li.active>a:hover,
+//.tabs-left>li.active>a:focus {
+//  border-bottom-color: $border;
+//  border-right-color: transparent;
+//}
+//
+//.tabs-right>li.active>a,
+//.tabs-right>li.active>a:hover,
+//.tabs-right>li.active>a:focus {
+//  border-bottom: 1px solid $border;
+//  border-left-color: transparent;
+//}
+//.tabs-left>li>a {
+//  border-radius: 4px 0 0 4px;
+//  margin-right: 0;
+//  display:block;
+//}
+//.tabs-right>li>a {
+//  border-radius: 0 4px 4px 0;
+//  margin-right: 0;
+//}
+//
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+