style: 优化分析面板的边框样式与背景阴影效果
This commit is contained in:
1 parent
a8671e4cb3
commit
a83acc1427
1 file changed
+13
-11
@@ -667,8 +667,9 @@
|
||||
display: grid;
|
||||
grid-template-columns: 7fr 3fr; /* 增加图表宽度,缩小右侧网格 */
|
||||
gap: 0;
|
||||
border: 2px solid var(--text-color, #000);
|
||||
background: transparent;
|
||||
border: 1px solid var(--text-color, #000);
|
||||
background: var(--bg-color, #ffffff);
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
@@ -693,13 +694,13 @@
|
||||
.core-metrics {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
border-left: 2px solid var(--text-color, #000);
|
||||
border-left: 1px solid var(--text-color, #000);
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.core-metrics {
|
||||
border-left: none;
|
||||
border-top: 2px solid var(--text-color, #000);
|
||||
border-top: 1px solid var(--text-color, #000);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -717,12 +718,12 @@
|
||||
/* 为 2x2 网格绘制内部边框 */
|
||||
.metric-item:nth-child(1),
|
||||
.metric-item:nth-child(2) {
|
||||
border-bottom: 2px solid var(--text-color, #000);
|
||||
border-bottom: 1px solid var(--text-color, #000);
|
||||
}
|
||||
|
||||
.metric-item:nth-child(1),
|
||||
.metric-item:nth-child(3) {
|
||||
border-right: 2px solid var(--text-color, #000);
|
||||
border-right: 1px solid var(--text-color, #000);
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
@@ -736,7 +737,7 @@
|
||||
.metric-item:nth-child(1),
|
||||
.metric-item:nth-child(2),
|
||||
.metric-item:nth-child(3) {
|
||||
border-bottom: 2px solid var(--text-color, #000);
|
||||
border-bottom: 1px solid var(--text-color, #000);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -775,15 +776,16 @@
|
||||
}
|
||||
|
||||
.quota-container {
|
||||
border: 2px solid var(--text-color, #000);
|
||||
background: transparent;
|
||||
border: 1px solid var(--text-color, #000);
|
||||
background: var(--bg-color, #ffffff);
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
.quota-item {
|
||||
padding: 24px 20px;
|
||||
border-right: 2px solid var(--text-color, #000);
|
||||
border-right: 1px solid var(--text-color, #000);
|
||||
}
|
||||
.quota-item:last-child {
|
||||
border-right: none;
|
||||
@@ -795,7 +797,7 @@
|
||||
}
|
||||
.quota-item {
|
||||
border-right: none;
|
||||
border-bottom: 2px solid var(--text-color, #000);
|
||||
border-bottom: 1px solid var(--text-color, #000);
|
||||
}
|
||||
.quota-item:last-child {
|
||||
border-bottom: none;
|
||||
|
||||
Reference in new issue
Block a user