更新
This commit is contained in:
@@ -29,10 +29,6 @@
|
|||||||
font-weight: 400 !important;
|
font-weight: 400 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-button {
|
|
||||||
font-weight: 400 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gva-body-h {
|
.gva-body-h {
|
||||||
min-height: calc(100% - 3rem);
|
min-height: calc(100% - 3rem);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,11 +4,6 @@
|
|||||||
@use '@/style/loading-tech.scss';
|
@use '@/style/loading-tech.scss';
|
||||||
@use '@/style/setting-tech.scss';
|
@use '@/style/setting-tech.scss';
|
||||||
|
|
||||||
.el-button {
|
|
||||||
font-weight: 600;
|
|
||||||
border-radius: 999px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gva-pagination {
|
.gva-pagination {
|
||||||
@apply flex justify-end;
|
@apply flex justify-end;
|
||||||
|
|
||||||
@@ -89,46 +84,6 @@ body:not(.login-light-mode) {
|
|||||||
color: #dceeff;
|
color: #dceeff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-button {
|
|
||||||
min-height: 32px;
|
|
||||||
border-radius: 999px;
|
|
||||||
transition:
|
|
||||||
transform 0.22s ease,
|
|
||||||
box-shadow 0.22s ease,
|
|
||||||
border-color 0.22s ease,
|
|
||||||
background 0.22s ease;
|
|
||||||
|
|
||||||
&:not(.is-disabled):hover {
|
|
||||||
transform: translateY(-1px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-button--primary:not(.is-link) {
|
|
||||||
color: #031424;
|
|
||||||
border: 0;
|
|
||||||
background: linear-gradient(135deg, #67e8f9 0%, var(--tech-primary) 46%, #2563eb 100%);
|
|
||||||
box-shadow:
|
|
||||||
0 0 20px var(--tech-primary-glow),
|
|
||||||
inset 0 1px 0 rgba(255, 255, 255, 0.34);
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-button:not(.el-button--primary):not(.is-link) {
|
|
||||||
color: var(--tech-text);
|
|
||||||
border-color: rgba(0, 212, 255, 0.2);
|
|
||||||
background: rgba(15, 23, 42, 0.74);
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: #ffffff;
|
|
||||||
border-color: rgba(0, 212, 255, 0.54);
|
|
||||||
background: rgba(14, 165, 233, 0.16);
|
|
||||||
box-shadow: 0 0 16px rgba(0, 212, 255, 0.16);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-button.is-link {
|
|
||||||
color: #67e8f9;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-input__wrapper,
|
.el-input__wrapper,
|
||||||
.el-select__wrapper,
|
.el-select__wrapper,
|
||||||
.el-textarea__inner,
|
.el-textarea__inner,
|
||||||
@@ -213,13 +168,6 @@ body:not(.login-light-mode) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-tag {
|
|
||||||
font-weight: 700;
|
|
||||||
border-radius: 999px;
|
|
||||||
background: rgba(15, 23, 42, 0.7);
|
|
||||||
box-shadow: inset 0 0 12px rgba(0, 212, 255, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-radio-button__inner {
|
.el-radio-button__inner {
|
||||||
color: var(--tech-text-muted);
|
color: var(--tech-text-muted);
|
||||||
border-color: rgba(0, 212, 255, 0.22) !important;
|
border-color: rgba(0, 212, 255, 0.22) !important;
|
||||||
|
|||||||
@@ -246,22 +246,6 @@
|
|||||||
color: rgba(220, 243, 255, 0.56);
|
color: rgba(220, 243, 255, 0.56);
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-button {
|
|
||||||
border-radius: 999px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-button--primary:not(.is-link) {
|
|
||||||
border: 0;
|
|
||||||
background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 52%, #7c3aed 100%);
|
|
||||||
box-shadow: 0 0 20px rgba(14, 165, 233, 0.28);
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-button:not(.el-button--primary):not(.is-link) {
|
|
||||||
color: #bfdbfe;
|
|
||||||
border-color: rgba(148, 163, 184, 0.28);
|
|
||||||
background: rgba(15, 23, 42, 0.74);
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-table {
|
.el-table {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
@@ -298,14 +282,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tech-status-tag {
|
|
||||||
gap: 6px;
|
|
||||||
border: 1px solid rgba(0, 212, 255, 0.26);
|
|
||||||
border-radius: 999px;
|
|
||||||
background: rgba(15, 23, 42, 0.72);
|
|
||||||
box-shadow: 0 0 16px rgba(0, 212, 255, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.tech-status-dot {
|
.tech-status-dot {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 7px;
|
width: 7px;
|
||||||
@@ -358,15 +334,6 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
|
||||||
.el-button.is-link {
|
|
||||||
height: 26px;
|
|
||||||
padding: 0 8px;
|
|
||||||
color: #67e8f9;
|
|
||||||
border: 1px solid rgba(0, 212, 255, 0.2);
|
|
||||||
border-radius: 999px;
|
|
||||||
background: rgba(14, 165, 233, 0.08);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-dropdown-link {
|
.el-dropdown-link {
|
||||||
|
|||||||
@@ -93,13 +93,6 @@
|
|||||||
text-shadow: 0 0 18px rgba(0, 212, 255, 0.38);
|
text-shadow: 0 0 18px rgba(0, 212, 255, 0.38);
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-button.is-circle) {
|
|
||||||
color: #67e8f9;
|
|
||||||
border-color: rgba(0, 212, 255, 0.36);
|
|
||||||
background: rgba(15, 23, 42, 0.72);
|
|
||||||
box-shadow: 0 0 18px rgba(0, 212, 255, 0.14);
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.el-radio-button__inner) {
|
:deep(.el-radio-button__inner) {
|
||||||
color: var(--tech-text-muted);
|
color: var(--tech-text-muted);
|
||||||
border-color: rgba(0, 212, 255, 0.22);
|
border-color: rgba(0, 212, 255, 0.22);
|
||||||
|
|||||||
@@ -40,7 +40,7 @@
|
|||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
<div class="status-tags">
|
<div class="status-tags">
|
||||||
<el-tag class="device-status-tag" :type="item.netStatus == 1 ? 'primary' : 'info'">
|
<el-tag :type="item.netStatus == 1 ? 'primary' : 'info'">
|
||||||
<span class="tech-status-dot" :class="item.netStatus == 1 ? 'tech-status-dot--online' : 'tech-status-dot--offline'" />
|
<span class="tech-status-dot" :class="item.netStatus == 1 ? 'tech-status-dot--online' : 'tech-status-dot--offline'" />
|
||||||
{{ item.netStatus == 1 ? '在线' : '离线' }}
|
{{ item.netStatus == 1 ? '在线' : '离线' }}
|
||||||
</el-tag>
|
</el-tag>
|
||||||
@@ -347,12 +347,6 @@
|
|||||||
gap: 6px;
|
gap: 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.device-status-tag {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.device-name {
|
.device-name {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
|
|||||||
@@ -262,15 +262,6 @@
|
|||||||
:deep(.el-input__inner::placeholder) {
|
:deep(.el-input__inner::placeholder) {
|
||||||
color: rgba(191, 226, 255, 0.5);
|
color: rgba(191, 226, 255, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-button--primary) {
|
|
||||||
border: 0;
|
|
||||||
color: #031424;
|
|
||||||
font-weight: 800;
|
|
||||||
letter-spacing: 0.2em;
|
|
||||||
background: linear-gradient(135deg, #67e8f9 0%, #00d4ff 45%, #2563eb 100%);
|
|
||||||
box-shadow: 0 0 24px rgba(0, 212, 255, 0.32);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tech-login-title {
|
.tech-login-title {
|
||||||
|
|||||||
@@ -93,13 +93,6 @@
|
|||||||
text-shadow: 0 0 18px rgba(0, 212, 255, 0.38);
|
text-shadow: 0 0 18px rgba(0, 212, 255, 0.38);
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-button.is-circle) {
|
|
||||||
color: #67e8f9;
|
|
||||||
border-color: rgba(0, 212, 255, 0.36);
|
|
||||||
background: rgba(15, 23, 42, 0.72);
|
|
||||||
box-shadow: 0 0 18px rgba(0, 212, 255, 0.14);
|
|
||||||
}
|
|
||||||
|
|
||||||
:deep(.el-radio-button__inner) {
|
:deep(.el-radio-button__inner) {
|
||||||
color: var(--tech-text-muted);
|
color: var(--tech-text-muted);
|
||||||
border-color: rgba(0, 212, 255, 0.22);
|
border-color: rgba(0, 212, 255, 0.22);
|
||||||
|
|||||||
Reference in New Issue
Block a user