linkong/planet
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat: refine collected data overview and admin navigation

Browse Source
This commit is contained in:
linkong
2026-03-27 15:08:45 +08:00
parent a761dfc5fb
commit 3dd210a3e5
9 changed files with 310 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
frontend/src/index.css
View File

@@ -173,7 +173,6 @@ body {
flex: 1 1 auto;
min-width: 0;
min-height: 0;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
@@ -320,6 +319,10 @@ body {
min-height: 0;
}
.users-table-region .ant-table-body {
height: auto !important;
}
.data-source-table-region .ant-table-wrapper,
.data-source-table-region .ant-spin-nested-loading,
.data-source-table-region .ant-spin-container {
@@ -416,8 +419,8 @@ body {
.table-scroll-region .ant-table-body::-webkit-scrollbar,
.table-scroll-region .ant-table-content::-webkit-scrollbar {
width: 10px;
height: 10px;
width: 8px;
height: 8px;
}
.table-scroll-region .ant-table-body::-webkit-scrollbar-thumb,
@@ -439,6 +442,32 @@ body {
background: transparent;
}
.data-list-controls-shell {
scrollbar-width: thin;
scrollbar-color: rgba(148, 163, 184, 0.82) transparent;
}
.data-list-controls-shell::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.data-list-controls-shell::-webkit-scrollbar-thumb {
background: rgba(148, 163, 184, 0.82);
border-radius: 999px;
border: 2px solid transparent;
background-clip: padding-box;
}
.data-list-controls-shell::-webkit-scrollbar-thumb:hover {
background: rgba(100, 116, 139, 0.9);
background-clip: padding-box;
}
.data-list-controls-shell::-webkit-scrollbar-track {
background: transparent;
}
.settings-shell,
.settings-tabs-shell,
.settings-tabs,
@@ -591,6 +620,8 @@ body {
overflow-y: auto;
overflow-x: hidden;
scrollbar-gutter: stable;
scrollbar-width: thin;
scrollbar-color: rgba(148, 163, 184, 0.82) transparent;
}
.data-list-summary-card .ant-card-head,
@@ -604,6 +635,39 @@ body {
.data-list-summary-card-inner {
min-height: 100%;
display: flex;
flex-direction: column;
gap: 12px;
}
.data-list-summary-kpis {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.data-list-summary-kpi {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
padding: 12px;
border-radius: 14px;
background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
border: 1px solid rgba(148, 163, 184, 0.22);
}
.data-list-summary-kpi__head,
.data-list-summary-section-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
min-width: 0;
}
.data-list-summary-section-head {
margin-top: 4px;
}
.data-list-right-column {
@@ -719,12 +783,24 @@ body {
color: rgba(15, 23, 42, 0.72) !important;
}
.data-list-summary-empty {
grid-column: 1 / -1;
display: flex;
align-items: center;
justify-content: center;
min-height: 140px;
border-radius: 14px;
background: rgba(248, 250, 252, 0.8);
border: 1px dashed rgba(148, 163, 184, 0.35);
}
.data-list-summary-card--panel .ant-card-body::-webkit-scrollbar {
width: 10px;
width: 8px;
height: 8px;
}
.data-list-summary-card--panel .ant-card-body::-webkit-scrollbar-thumb {
background: rgba(148, 163, 184, 0.8);
background: rgba(148, 163, 184, 0.82);
border-radius: 999px;
border: 2px solid transparent;
background-clip: padding-box;
@@ -927,6 +1003,13 @@ body {
gap: 10px;
}
.data-list-controls-shell {
overflow-y: auto;
overflow-x: hidden;
min-height: 0;
scrollbar-gutter: stable;
}
.data-list-topbar {
align-items: flex-start;
flex-direction: column;
@@ -945,11 +1028,22 @@ body {
height: auto;
}
.data-list-summary-card--panel,
.data-list-summary-card--panel .ant-card-body,
.data-list-table-shell,
.data-list-table-shell .ant-card-body {
height: auto;
}
.data-list-summary-treemap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-rows: minmax(88px, 1fr);
}
.data-list-summary-kpis {
grid-template-columns: 1fr;
}
.data-list-filter-grid {
flex-wrap: wrap;
}
@@ -974,6 +1068,11 @@ body {
min-width: 100%;
}
.data-list-summary-section-head {
align-items: flex-start;
flex-direction: column;
}
}
.data-list-detail-modal {