Skip to content

Commit dbb2bf7

Browse files
imzybimzyb
committed
优化主题
1 parent 0cdbd31 commit dbb2bf7

1 file changed

Lines changed: 81 additions & 17 deletions

File tree

‎src/views/PublicVpsMonitorView.vue‎

Lines changed: 81 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -975,12 +975,26 @@ onUnmounted(() => {
975975

976976
.vps-theme-default .vps-anomaly-section .relative > div {
977977
border-color: rgba(226, 192, 176, 0.55);
978-
background: rgba(255, 248, 244, 0.85);
978+
background-color: transparent;
979+
background-image: linear-gradient(
980+
to bottom,
981+
transparent 0,
982+
transparent 76px,
983+
rgba(255, 248, 244, 0.85) 76px,
984+
rgba(255, 248, 244, 0.85) 100%
985+
);
979986
}
980987

981988
.dark .vps-theme-default .vps-anomaly-section .relative > div {
982989
border-color: rgba(148, 163, 184, 0.3);
983-
background: rgba(15, 23, 42, 0.6);
990+
background-color: transparent;
991+
background-image: linear-gradient(
992+
to bottom,
993+
transparent 0,
994+
transparent 76px,
995+
rgba(15, 23, 42, 0.6) 76px,
996+
rgba(15, 23, 42, 0.6) 100%
997+
);
984998
}
985999

9861000
.vps-theme-default .anomaly-card {
@@ -997,13 +1011,7 @@ onUnmounted(() => {
9971011
background: transparent !important;
9981012
}
9991013

1000-
/* If the user applies custom CSS, it may be setting a background on the anomaly header.
1001-
Force anomaly header to stay transparent. */
1002-
.vps-anomaly-section .anomaly-shell,
1003-
.vps-anomaly-section .anomaly-header,
1004-
.vps-anomaly-section .anomaly-body {
1005-
background: transparent !important;
1006-
}
1014+
/* Keep the title/subtitle transparent; the section shell handles its own background. */
10071015

10081016
.dark .vps-theme-default .anomaly-card {
10091017
border-color: rgba(148, 163, 184, 0.35);
@@ -1748,12 +1756,26 @@ onUnmounted(() => {
17481756

17491757
.vps-theme-fresh .vps-anomaly-section .relative > div {
17501758
border-color: rgba(147, 197, 253, 0.4);
1751-
background: rgba(239, 246, 255, 0.82);
1759+
background-color: transparent;
1760+
background-image: linear-gradient(
1761+
to bottom,
1762+
transparent 0,
1763+
transparent 76px,
1764+
rgba(239, 246, 255, 0.82) 76px,
1765+
rgba(239, 246, 255, 0.82) 100%
1766+
);
17521767
}
17531768

17541769
.dark .vps-theme-fresh .vps-anomaly-section .relative > div {
17551770
border-color: rgba(56, 189, 248, 0.28);
1756-
background: rgba(15, 23, 42, 0.6);
1771+
background-color: transparent;
1772+
background-image: linear-gradient(
1773+
to bottom,
1774+
transparent 0,
1775+
transparent 76px,
1776+
rgba(15, 23, 42, 0.6) 76px,
1777+
rgba(15, 23, 42, 0.6) 100%
1778+
);
17571779
}
17581780

17591781
.vps-theme-fresh .anomaly-card {
@@ -2165,12 +2187,26 @@ onUnmounted(() => {
21652187

21662188
.vps-theme-minimal .vps-anomaly-section .relative > div {
21672189
border: 1px solid rgba(148, 163, 184, 0.25);
2168-
background: rgba(255, 255, 255, 0.82);
2190+
background-color: transparent;
2191+
background-image: linear-gradient(
2192+
to bottom,
2193+
transparent 0,
2194+
transparent 76px,
2195+
rgba(255, 255, 255, 0.82) 76px,
2196+
rgba(255, 255, 255, 0.82) 100%
2197+
);
21692198
}
21702199

21712200
.dark .vps-theme-minimal .vps-anomaly-section .relative > div {
21722201
border-color: rgba(148, 163, 184, 0.2);
2173-
background: rgba(15, 23, 42, 0.6);
2202+
background-color: transparent;
2203+
background-image: linear-gradient(
2204+
to bottom,
2205+
transparent 0,
2206+
transparent 76px,
2207+
rgba(15, 23, 42, 0.6) 76px,
2208+
rgba(15, 23, 42, 0.6) 100%
2209+
);
21742210
}
21752211

21762212
.vps-theme-minimal .anomaly-card {
@@ -2322,12 +2358,26 @@ onUnmounted(() => {
23222358

23232359
.vps-theme-tech .vps-anomaly-section .relative > div {
23242360
border-color: rgba(34, 211, 238, 0.3);
2325-
background: rgba(240, 249, 255, 0.7);
2361+
background-color: transparent;
2362+
background-image: linear-gradient(
2363+
to bottom,
2364+
transparent 0,
2365+
transparent 76px,
2366+
rgba(240, 249, 255, 0.7) 76px,
2367+
rgba(240, 249, 255, 0.7) 100%
2368+
);
23262369
}
23272370

23282371
.dark .vps-theme-tech .vps-anomaly-section .relative > div {
23292372
border-color: rgba(34, 211, 238, 0.22);
2330-
background: rgba(8, 16, 31, 0.75);
2373+
background-color: transparent;
2374+
background-image: linear-gradient(
2375+
to bottom,
2376+
transparent 0,
2377+
transparent 76px,
2378+
rgba(8, 16, 31, 0.75) 76px,
2379+
rgba(8, 16, 31, 0.75) 100%
2380+
);
23312381
}
23322382

23332383
.vps-theme-tech .anomaly-card {
@@ -2681,12 +2731,26 @@ onUnmounted(() => {
26812731

26822732
.vps-theme-glass .vps-anomaly-section .relative > div {
26832733
border-color: rgba(255, 255, 255, 0.22);
2684-
background: rgba(255, 255, 255, 0.32);
2734+
background-color: transparent;
2735+
background-image: linear-gradient(
2736+
to bottom,
2737+
transparent 0,
2738+
transparent 76px,
2739+
rgba(255, 255, 255, 0.32) 76px,
2740+
rgba(255, 255, 255, 0.32) 100%
2741+
);
26852742
}
26862743

26872744
.dark .vps-theme-glass .vps-anomaly-section .relative > div {
26882745
border-color: rgba(255, 255, 255, 0.14);
2689-
background: rgba(15, 23, 42, 0.5);
2746+
background-color: transparent;
2747+
background-image: linear-gradient(
2748+
to bottom,
2749+
transparent 0,
2750+
transparent 76px,
2751+
rgba(15, 23, 42, 0.5) 76px,
2752+
rgba(15, 23, 42, 0.5) 100%
2753+
);
26902754
}
26912755

26922756
.vps-theme-glass .anomaly-card {

0 commit comments

Comments
 (0)