feat: 样式调整

This commit is contained in:
xuziqiang
2024-06-21 15:19:28 +08:00
parent 2ebe536243
commit fea7abd476
32 changed files with 2994 additions and 2793 deletions

View File

@@ -28,8 +28,9 @@
#app .ant-layout-has-sider .ant-menu-vertical .ant-menu-item,#app .ant-menu-vertical-left .ant-menu-item, #app.ant-menu-vertical-right .ant-menu-item,#app .ant-menu-inline .ant-menu-item,#app .ant-menu-vertical .ant-menu-submenu-title,#app .ant-menu-vertical-left .ant-menu-submenu-title,#app .ant-menu-vertical-right .ant-menu-submenu-title,#app .ant-menu-inline .ant-menu-submenu-title {
margin-top: 0px !important;
margin-bottom: 0px !important;
height: 40px !important;
height: 50px !important;
}
.ant-menu-vertical.ant-menu-sub, .ant-menu-vertical-left.ant-menu-sub, .ant-menu-vertical-right.ant-menu-sub{
min-width: 0 !important;
}
@@ -86,35 +87,35 @@
top:0;
left:0;
content: '';
background-color: #37abc4;
// background-color:red;
opacity: .1;
}
//
//.ant-menu-item:not(.ant-menu-item-selected) a:hover {
// .ant-menu-item:not(.ant-menu-item-selected) a:hover {
// color: @text-color;
//}
// }
//
//.ant-menu-item::after {
// .ant-menu-item::after {
// z-index: 2;
//}
// }
//
//.ant-menu-light .ant-menu-submenu:not(.ant-menu-submenu-selected) .ant-menu-submenu-title:hover {
// color: @text-color;
//}
//
//.ant-layout-sider {
// .ant-layout-sider {
// max-width: @layout-sider-width !important;
// min-width: @layout-sider-width !important;
// width: @layout-sider-width !important;
//}
//
//.ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
// }
// .ant-menu-submenu:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow {
// color: @layout-sider-arrow-color;
//}
//
//.ant-menu-submenu-arrow {
// color: @layout-sider-arrow-color;
//}
// }
.ant-menu-submenu-arrow {
color: @layout-sider-arrow-color;
}
//
//
@@ -128,7 +129,7 @@
//
.ant-btn-primary:hover, .ant-btn-primary:focus {
// color: #fff !important;
color: #fff ;
// color: #fff ;
}

View File

@@ -81,7 +81,7 @@
}
::-webkit-scrollbar-track {
background-color: rgb(0 0 0 / 5%);
background-color: transparent;
}
::-webkit-scrollbar-thumb {
@@ -141,6 +141,10 @@ body {
overflow: auto;
}
.ant-menu.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
padding: auto;
}
.ns-view-spinning {
position: fixed !important;
width: calc(100% - @ns-content-padding * 2 - @layout-sider-width) !important;

View File

@@ -12,15 +12,16 @@
@font-size-base: 14px; // 主字号
@layout-body-background: #f0f2f5; //框架背景色
@layout-body-background: #fff; //框架背景色
@layout-header-hover:rgba(0, 0, 0, 0.06);//默认退出hover色
@layout-header-background: #37abc4; // 头部背景色
@layout-header-background: #fff; // 头部背景色
@ant-layout-sider-collapsed-background:rgb(255, 255, 255);//导航栏收缩后背景色
@layout-header-height: 48px;
@layout-header-height: 72px;
@layout-header-padding: 0 50px;
@layout-sider-width: 208px; //侧边导航宽度
@layout-sider-arrow-color: #808d96; //侧边导航箭头颜色
@layout-sider-width: 220px; //侧边导航宽度
@layout-sider-arrow-color: @black; //侧边导航箭头颜色
// Border color
@border-color-base: hsv(0, 0, 85%); // base border outline a component
@@ -53,4 +54,11 @@
//list-table
@ns-content-padding: 24px;
@ns-nav-shutters-height: 31px;
@ns-nav-shutters-height: 48px;
// main-content
@ns-content-bg: #f1f2f6;
@ns-box-shadow: 0px 5px 16px #e4e6e8;
@ns-gap: 20px;
@ns-border-radius: 12px;