完善页面布局
This commit is contained in:
@@ -368,6 +368,7 @@ const formatNumber = (num: number) => {
|
||||
|
||||
.filter-row {
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
@@ -376,17 +377,20 @@ const formatNumber = (num: number) => {
|
||||
|
||||
.filter-left {
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
gap: 32px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.filter-right {
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.filter-item {
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
@@ -399,6 +403,7 @@ const formatNumber = (num: number) => {
|
||||
|
||||
.filter-select {
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 8px 12px;
|
||||
@@ -412,6 +417,7 @@ const formatNumber = (num: number) => {
|
||||
|
||||
.date-range {
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
@@ -459,13 +465,11 @@ const formatNumber = (num: number) => {
|
||||
}
|
||||
|
||||
/* ===== 指标概览 ===== */
|
||||
.metrics-section {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
|
||||
.metrics-row {
|
||||
display: flex;
|
||||
gap: 24px;
|
||||
flex-direction:row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
@@ -557,6 +561,7 @@ const formatNumber = (num: number) => {
|
||||
.admin-card-header {
|
||||
padding: 24px 24px 0 24px;
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 24px;
|
||||
@@ -575,6 +580,7 @@ const formatNumber = (num: number) => {
|
||||
/* ===== 图表图例 ===== */
|
||||
.chart-legend {
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
justify-content: center;
|
||||
gap: 32px;
|
||||
margin-bottom: 24px;
|
||||
@@ -583,6 +589,7 @@ const formatNumber = (num: number) => {
|
||||
|
||||
.legend-item {
|
||||
display: flex;
|
||||
flex-direction:row;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
@@ -643,6 +650,7 @@ const formatNumber = (num: number) => {
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
|
||||
justify-content: space-between;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user