首页美化一下
This commit is contained in:
@@ -185,6 +185,33 @@
|
|||||||
padding: 16px;
|
padding: 16px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
background: #f2f6fb;
|
background: #f2f6fb;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.content::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background-image:
|
||||||
|
linear-gradient(rgba(91, 211, 255, 0.08) 1px, transparent 1px),
|
||||||
|
linear-gradient(90deg, rgba(91, 211, 255, 0.08) 1px, transparent 1px);
|
||||||
|
background-size: 24px 24px;
|
||||||
|
opacity: 0.35;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.content::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 12px;
|
||||||
|
right: 12px;
|
||||||
|
top: 0;
|
||||||
|
height: 1px;
|
||||||
|
background: rgba(91, 211, 255, 0.4);
|
||||||
|
box-shadow: 0 0 10px rgba(91, 211, 255, 0.6);
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.content > * {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 全局卡片样式统一 */
|
/* 全局卡片样式统一 */
|
||||||
@@ -237,12 +264,29 @@
|
|||||||
.el-button--primary {
|
.el-button--primary {
|
||||||
background: var(--tech-accent) !important;
|
background: var(--tech-accent) !important;
|
||||||
border-color: var(--tech-accent) !important;
|
border-color: var(--tech-accent) !important;
|
||||||
color: #0b1d33 !important;
|
color: #ffffff !important;
|
||||||
}
|
}
|
||||||
.el-button--primary:hover,
|
.el-button--primary:hover,
|
||||||
.el-button--primary:focus {
|
.el-button--primary:focus {
|
||||||
background: var(--tech-accent-2) !important;
|
background: var(--tech-accent-2) !important;
|
||||||
border-color: var(--tech-accent-2) !important;
|
border-color: var(--tech-accent-2) !important;
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
.el-button--success,
|
||||||
|
.el-button--warning,
|
||||||
|
.el-button--danger,
|
||||||
|
.el-button--info {
|
||||||
|
color: #ffffff !important;
|
||||||
|
}
|
||||||
|
.el-button--success:hover,
|
||||||
|
.el-button--warning:hover,
|
||||||
|
.el-button--danger:hover,
|
||||||
|
.el-button--info:hover,
|
||||||
|
.el-button--success:focus,
|
||||||
|
.el-button--warning:focus,
|
||||||
|
.el-button--danger:focus,
|
||||||
|
.el-button--info:focus {
|
||||||
|
color: #ffffff !important;
|
||||||
}
|
}
|
||||||
.el-button--default {
|
.el-button--default {
|
||||||
background: #ffffff !important;
|
background: #ffffff !important;
|
||||||
|
|||||||
Reference in New Issue
Block a user