|
|
@@ -1,7 +1,7 @@
|
|
|
@import '../icons/fonts/iconfont.css';
|
|
|
|
|
|
:root {
|
|
|
- --hvac-layout-bg: #edf5f6;
|
|
|
+ --hvac-layout-bg: #f5f7fa;
|
|
|
}
|
|
|
|
|
|
.use-guide-title {
|
|
|
@@ -78,3 +78,50 @@
|
|
|
margin-left: 8px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.button-tabs-card {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 500;
|
|
|
+ line-height: 22px;
|
|
|
+ color: var(--antd-color-primary);
|
|
|
+
|
|
|
+ &.ant-tabs-card > div.ant-tabs-nav {
|
|
|
+ .ant-tabs-tab {
|
|
|
+ padding: 9px 16px;
|
|
|
+ background: var(--antd-color-primary-opacity-15);
|
|
|
+ border: none;
|
|
|
+ border-radius: 8px;
|
|
|
+ transition: background 0.3s;
|
|
|
+
|
|
|
+ + .ant-tabs-tab {
|
|
|
+ margin-left: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #fff !important;
|
|
|
+ background: var(--antd-color-primary);
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ background: var(--antd-color-primary-active);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-tab-active {
|
|
|
+ background: var(--antd-color-primary);
|
|
|
+
|
|
|
+ .ant-tabs-tab-btn {
|
|
|
+ color: #fff;
|
|
|
+ text-shadow: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .ant-tabs-tab-btn:active {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ &::before {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
