From ac4341ea6b66ae02427d39d35f41d42d78b2eb2e Mon Sep 17 00:00:00 2001
From: Junjie <fallin.jie@qq.com>
Date: 星期五, 14 二月 2025 10:08:32 +0800
Subject: [PATCH] #
---
zy-asrs-admin/src/assets/main.css | 110 +++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 102 insertions(+), 8 deletions(-)
diff --git a/zy-asrs-admin/src/assets/main.css b/zy-asrs-admin/src/assets/main.css
index 7b01d7b..db794de 100644
--- a/zy-asrs-admin/src/assets/main.css
+++ b/zy-asrs-admin/src/assets/main.css
@@ -5,8 +5,32 @@
overflow: hidden;
}
+.main .main-sider {
+ overflow-x: hidden;
+ overflow-y: scroll;
+ user-select: none;
+}
+
+.main .main-sider::-webkit-scrollbar {
+ width: 5px !important;
+}
+
+.main .main-sider::-webkit-scrollbar-track {
+ background: #f1f1f1;
+ border-radius: 10px;
+}
+
+.main .main-sider::-webkit-scrollbar-thumb {
+ background: #888;
+ border-radius: 10px;
+}
+
+.main .main-sider::-webkit-scrollbar-thumb:hover {
+ background: #555;
+}
+
.trigger {
- font-size: 16px;
+ font-size: 14px;
line-height: 64px;
padding: 0 6px;
cursor: pointer;
@@ -26,6 +50,10 @@
color: #333333 !important;
}
+.triggerLarge {
+ font-size: 18px !important;
+}
+
.logo {
height: 50px;
/* background: rgba(255, 255, 255, 0.3); */
@@ -41,6 +69,7 @@
.header-top {
display: flex;
justify-content: space-between;
+ margin-bottom: 10px;
}
.header-top-left {
@@ -55,7 +84,7 @@
flex: 4;
display: flex;
justify-content: flex-end;
- font-size: 16px;
+ font-size: 14px;
}
.header-top-right>div {
@@ -72,13 +101,67 @@
}
.tabs-fixed {
+ width: 100%;
position: relative;
top: -64px;
left: -24px;
display: flex;
}
+.tabs-arrow-left {
+ position: absolute;
+
+ width: 40px;
+ height: 30px;
+ background: #fff;
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ padding: 20px 0px;
+ cursor: pointer;
+ margin-right: 5px;
+ user-select: none;
+}
+
+.tabs-arrow-right {
+ position: absolute;
+ right: -54px;
+
+ width: 40px;
+ height: 30px;
+ background: #fff;
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ padding: 20px 0px;
+ cursor: pointer;
+ margin-right: 5px;
+ user-select: none;
+}
+
+.tabs-arrow-left {
+ float: left;
+}
+
+.tabs-content {
+ width: 97%;
+ display: flex;
+ margin-left: 45px;
+ margin-right: 25px;
+ overflow-x: scroll;
+ will-change: transform;
+ transition: transform 0.3s;
+ scrollbar-width: none; /* Firefox */
+ -ms-overflow-style: none; /* IE and Edge */
+}
+
+.tabs-content-item {
+ flex: 10;
+ display: flex;
+}
+
.tabs-item {
+ min-width: 120px;
height: 30px;
background: #fff;
display: flex;
@@ -91,8 +174,8 @@
}
.tabs-item>div:nth-child(1) {
- margin-right: 10px;
- margin-left: 10px;
+ margin-right: 5px;
+ margin-left: 5px;
}
.tabs-item>div:nth-child(1):hover {
@@ -100,13 +183,13 @@
}
.tabs-item>div:nth-child(2) {
- margin-right: 10px;
- margin-left: 10px;
+ margin-right: 5px;
+ margin-left: 5px;
}
.tabs-item>div:nth-child(3) {
- margin-right: 10px;
- margin-left: 10px;
+ margin-right: 5px;
+ margin-left: 5px;
}
.tabs-item>div:nth-child(3):hover {
@@ -133,7 +216,18 @@
.content-view {
margin: 45px 16px;
+ margin-top: 60px;
padding: 24px;
background: #fff;
min-height: 280px;
+}
+
+.form-block {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap;
+}
+
+.form-block .ant-form-item {
+ width: 100%;
}
\ No newline at end of file
--
Gitblit v1.9.1