cieanyau/console-dev
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复界面：统一九页列表密度并保留移动业务布局

Browse Source
This commit is contained in:
cieanyau committed 2026-11-07 04:35:56 +08:00
1 parent 016d223673
commit ba094275ec
10 files changed
+316 -439
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/assets/styles/domains.GiD6NSti.css
-59
View File
@@ -28,78 +28,19 @@
color: var(--p-primary-color);
text-decoration: none;
}
.list-page[data-v-0a28aca5] {
gap: 21px;
}
.list-head h2[data-v-0a28aca5],
.page-head h2[data-v-0a28aca5] {
margin: 0;
font-size: var(--page-title-size);
font-weight: 600;
line-height: 24.5px;
}
.list-toolbar[data-v-0a28aca5],
.list-toolbar-right[data-v-0a28aca5] {
justify-content: flex-start;
gap: 7px;
}
.list-search[data-v-0a28aca5],
.list-select[data-v-0a28aca5] {
width: 280px;
}
.list-table[data-v-0a28aca5] {
border-radius: var(--radius-md);
box-shadow: 0 1px 3px #0f172a12;
}
.list-foot[data-v-0a28aca5] {
justify-content: center;
}
.list-foot > .list-bulk[data-v-0a28aca5]:empty {
display: none;
}
[data-v-0a28aca5] .p-datatable-header-cell {
background: var(--p-content-hover-background);
padding: 10.5px 14px;
font-size: 1rem;
font-weight: 600;
}
[data-v-0a28aca5] .p-datatable-tbody > tr > td {
padding: 10.5px 14px;
font-size: 1rem;
}
[data-v-0a28aca5] .p-tag {
font-size: 0.875rem;
font-weight: 500;
}
[data-v-0a28aca5] .list-empty {
gap: 14px;
min-height: 300px;
padding: 42px 21px;
}
[data-v-0a28aca5] .list-empty i {
opacity: 1;
font-size: 1.875rem;
}
[data-v-0a28aca5] .list-empty-title {
font-size: 1rem;
}
[data-v-0a28aca5] .list-empty-desc {
font-size: 0.875rem;
}
.field[data-v-0a28aca5] {
gap: 7px;
}
.field label[data-v-0a28aca5] {
font-size: 0.875rem;
}
/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
@media (width<=768px) {
.list-search[data-v-0a28aca5],
.list-select[data-v-0a28aca5],
.list-toolbar-right[data-v-0a28aca5] {
width: 100%;
}
}
.domain-notice[data-v-0a28aca5] {
padding: 7px;
font-size: 1rem;
app/assets/styles/groups.Buw8nwl1.css
-59
View File
@@ -108,78 +108,19 @@
padding: 20px 0;
font-size: 0.9375rem;
}
.list-page[data-v-fe145bae] {
gap: 21px;
}
.list-head h2[data-v-fe145bae],
.page-head h2[data-v-fe145bae] {
margin: 0;
font-size: var(--page-title-size);
font-weight: 600;
line-height: 24.5px;
}
.list-toolbar[data-v-fe145bae],
.list-toolbar-right[data-v-fe145bae] {
justify-content: flex-start;
gap: 7px;
}
.list-search[data-v-fe145bae],
.list-select[data-v-fe145bae] {
width: 280px;
}
.list-table[data-v-fe145bae] {
border-radius: var(--radius-md);
box-shadow: 0 1px 3px #0f172a12;
}
.list-foot[data-v-fe145bae] {
justify-content: center;
}
.list-foot > .list-bulk[data-v-fe145bae]:empty {
display: none;
}
[data-v-fe145bae] .p-datatable-header-cell {
background: var(--p-content-hover-background);
padding: 10.5px 14px;
font-size: 1rem;
font-weight: 600;
}
[data-v-fe145bae] .p-datatable-tbody > tr > td {
padding: 10.5px 14px;
font-size: 1rem;
}
[data-v-fe145bae] .p-tag {
font-size: 0.875rem;
font-weight: 500;
}
[data-v-fe145bae] .list-empty {
gap: 14px;
min-height: 300px;
padding: 42px 21px;
}
[data-v-fe145bae] .list-empty i {
opacity: 1;
font-size: 1.875rem;
}
[data-v-fe145bae] .list-empty-title {
font-size: 1rem;
}
[data-v-fe145bae] .list-empty-desc {
font-size: 0.875rem;
}
.field[data-v-fe145bae] {
gap: 7px;
}
.field label[data-v-fe145bae] {
font-size: 0.875rem;
}
/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
@media (width<=768px) {
.list-search[data-v-fe145bae],
.list-select[data-v-fe145bae],
.list-toolbar-right[data-v-fe145bae] {
width: 100%;
}
}
.detail-back[data-v-fe145bae],
.group-name[data-v-fe145bae] {
color: inherit;
app/assets/styles/logbook.Y7gm684m.css
-59
View File
@@ -1,77 +1,18 @@
/* 操作日志：查询工具栏、表格与空态/分页。 */
/* 导入方：app/pages/logbook/index.vue。 */
.list-page[data-v-0e32233b] {
gap: 21px;
}
.list-head h2[data-v-0e32233b],
.page-head h2[data-v-0e32233b] {
margin: 0;
font-size: var(--page-title-size);
font-weight: 600;
line-height: 24.5px;
}
.list-toolbar[data-v-0e32233b],
.list-toolbar-right[data-v-0e32233b] {
justify-content: flex-start;
gap: 7px;
}
.list-search[data-v-0e32233b],
.list-select[data-v-0e32233b] {
width: 280px;
}
.list-table[data-v-0e32233b] {
border-radius: var(--radius-md);
box-shadow: 0 1px 3px #0f172a12;
}
.list-foot[data-v-0e32233b] {
justify-content: center;
}
.list-foot > .list-bulk[data-v-0e32233b]:empty {
display: none;
}
[data-v-0e32233b] .p-datatable-header-cell {
background: var(--p-content-hover-background);
padding: 10.5px 14px;
font-size: 1rem;
font-weight: 600;
}
[data-v-0e32233b] .p-datatable-tbody > tr > td {
padding: 10.5px 14px;
font-size: 1rem;
}
[data-v-0e32233b] .p-tag {
font-size: 0.875rem;
font-weight: 500;
}
[data-v-0e32233b] .list-empty {
gap: 14px;
min-height: 300px;
padding: 42px 21px;
}
[data-v-0e32233b] .list-empty i {
opacity: 1;
font-size: 1.875rem;
}
[data-v-0e32233b] .list-empty-title {
font-size: 1rem;
}
[data-v-0e32233b] .list-empty-desc {
font-size: 0.875rem;
}
.field[data-v-0e32233b] {
gap: 7px;
}
.field label[data-v-0e32233b] {
font-size: 0.875rem;
}
/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
@media (width<=768px) {
.list-search[data-v-0e32233b],
.list-select[data-v-0e32233b],
.list-toolbar-right[data-v-0e32233b] {
width: 100%;
}
}
@media (width<640px) {
.list-table[data-v-0e32233b]
.p-datatable-tbody
app/assets/styles/messages.asRdYcVu.css
-17
View File
@@ -1,8 +1,5 @@
/* 站内消息：筛选、批量选中、未读标记及消息详情导航。 */
/* 导入方：app/pages/messages/index.vue。 */
.list-page[data-v-e9dbafec] {
gap: 21px;
}
.page-heading h2[data-v-e9dbafec] {
margin: 0;
font-size: var(--page-title-size);
@@ -27,7 +24,6 @@
}
.list-toolbar-right[data-v-e9dbafec] {
flex: 1;
gap: 10px;
}
.search-field[data-v-e9dbafec] {
flex: 1;
@@ -74,19 +70,6 @@
.message-panel > .p-message[data-v-e9dbafec] {
margin: 0 20px 14px;
}
[data-v-e9dbafec] .p-datatable-header-cell {
background: var(--p-content-hover-background);
padding: 12px 20px;
font-size: 0.9375rem;
font-weight: 600;
}
[data-v-e9dbafec] .p-datatable-tbody > tr > td {
padding: 16px 20px;
font-size: 1rem;
}
[data-v-e9dbafec] .list-empty {
min-height: 300px;
}
/* 允许连续长文本换行，防止IP、密钥或用户输入撑破当前容器；不会修改原始数据。 */
.mail-title[data-v-e9dbafec] {
color: var(--p-text-muted-color);
app/assets/styles/news.CbIzdrjt.css
-45
View File
@@ -94,32 +94,10 @@
display: none;
}
}
.list-page[data-v-0f61b69d] {
gap: 21px;
}
.list-head h2[data-v-0f61b69d],
.page-head h2[data-v-0f61b69d] {
margin: 0;
font-size: var(--page-title-size);
font-weight: 600;
line-height: 24.5px;
}
.list-toolbar[data-v-0f61b69d],
.list-toolbar-right[data-v-0f61b69d] {
justify-content: flex-start;
gap: 7px;
}
.list-search[data-v-0f61b69d],
.list-select[data-v-0f61b69d] {
width: 280px;
}
.list-table[data-v-0f61b69d] {
border-radius: var(--radius-md);
box-shadow: 0 1px 3px #0f172a12;
}
.list-foot[data-v-0f61b69d] {
justify-content: center;
}
.list-foot > .list-bulk[data-v-0f61b69d]:empty {
display: none;
}
@@ -137,35 +115,12 @@
font-size: 0.875rem;
font-weight: 500;
}
[data-v-0f61b69d] .list-empty {
gap: 14px;
min-height: 300px;
padding: 42px 21px;
}
[data-v-0f61b69d] .list-empty i {
opacity: 1;
font-size: 1.875rem;
}
[data-v-0f61b69d] .list-empty-title {
font-size: 1rem;
}
[data-v-0f61b69d] .list-empty-desc {
font-size: 0.875rem;
}
.field[data-v-0f61b69d] {
gap: 7px;
}
.field label[data-v-0f61b69d] {
font-size: 0.875rem;
}
/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
@media (width<=768px) {
.list-search[data-v-0f61b69d],
.list-select[data-v-0f61b69d],
.list-toolbar-right[data-v-0f61b69d] {
width: 100%;
}
}
.news-card[data-v-0f61b69d] {
border-radius: var(--radius-md);
padding: 14px;
app/assets/styles/notices.BXNGOj-Q.css
-23
View File
@@ -45,9 +45,6 @@
.detail-content[data-v-4ba0157b] img {
max-width: 100%;
}
.list-page[data-v-4ba0157b] {
gap: 21px;
}
.list-head h2[data-v-4ba0157b],
.page-head h2[data-v-4ba0157b] {
margin: 0;
@@ -55,11 +52,6 @@
font-weight: 600;
line-height: 24.5px;
}
.list-toolbar[data-v-4ba0157b],
.list-toolbar-right[data-v-4ba0157b] {
justify-content: flex-start;
gap: 7px;
}
.list-search[data-v-4ba0157b],
.list-select[data-v-4ba0157b] {
width: 280px;
@@ -88,21 +80,6 @@
font-size: 0.875rem;
font-weight: 500;
}
[data-v-4ba0157b] .list-empty {
gap: 14px;
min-height: 300px;
padding: 42px 21px;
}
[data-v-4ba0157b] .list-empty i {
opacity: 1;
font-size: 1.875rem;
}
[data-v-4ba0157b] .list-empty-title {
font-size: 1rem;
}
[data-v-4ba0157b] .list-empty-desc {
font-size: 0.875rem;
}
.field[data-v-4ba0157b] {
gap: 7px;
}
app/assets/styles/ssh-keys.WWTOf2zG.css
+1 -59
View File
@@ -21,6 +21,7 @@
.row-actions[data-v-31489433] {
align-items: center;
gap: 2px;
white-space: nowrap;
display: flex;
}
.form[data-v-31489433] {
@@ -42,78 +43,19 @@
.req[data-v-31489433] {
color: #ef4444;
}
.list-page[data-v-31489433] {
gap: 21px;
}
.list-head h2[data-v-31489433],
.page-head h2[data-v-31489433] {
margin: 0;
font-size: var(--page-title-size);
font-weight: 600;
line-height: 24.5px;
}
.list-toolbar[data-v-31489433],
.list-toolbar-right[data-v-31489433] {
justify-content: flex-start;
gap: 7px;
}
.list-search[data-v-31489433],
.list-select[data-v-31489433] {
width: 280px;
}
.list-table[data-v-31489433] {
border-radius: var(--radius-md);
box-shadow: 0 1px 3px #0f172a12;
}
.list-foot[data-v-31489433] {
justify-content: center;
}
.list-foot > .list-bulk[data-v-31489433]:empty {
display: none;
}
[data-v-31489433] .p-datatable-header-cell {
background: var(--p-content-hover-background);
padding: 10.5px 14px;
font-size: 1rem;
font-weight: 600;
}
[data-v-31489433] .p-datatable-tbody > tr > td {
padding: 10.5px 14px;
font-size: 1rem;
}
[data-v-31489433] .p-tag {
font-size: 0.875rem;
font-weight: 500;
}
[data-v-31489433] .list-empty {
gap: 14px;
min-height: 300px;
padding: 42px 21px;
}
[data-v-31489433] .list-empty i {
opacity: 1;
font-size: 1.875rem;
}
[data-v-31489433] .list-empty-title {
font-size: 1rem;
}
[data-v-31489433] .list-empty-desc {
font-size: 0.875rem;
}
.field[data-v-31489433] {
gap: 7px;
}
.field label[data-v-31489433] {
font-size: 0.875rem;
}
/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
@media (width<=768px) {
.list-search[data-v-31489433],
.list-select[data-v-31489433],
.list-toolbar-right[data-v-31489433] {
width: 100%;
}
}
@media (width<640px) {
.list-table[data-v-31489433]
.p-datatable-tbody
app/assets/styles/tickets.Dz8JrDhQ.css
-59
View File
@@ -42,78 +42,19 @@
font-size: 0.875rem;
display: inline-block;
}
.list-page[data-v-1ff3e04d] {
gap: 21px;
}
.list-head h2[data-v-1ff3e04d],
.page-head h2[data-v-1ff3e04d] {
margin: 0;
font-size: var(--page-title-size);
font-weight: 600;
line-height: 24.5px;
}
.list-toolbar[data-v-1ff3e04d],
.list-toolbar-right[data-v-1ff3e04d] {
justify-content: flex-start;
gap: 7px;
}
.list-search[data-v-1ff3e04d],
.list-select[data-v-1ff3e04d] {
width: 280px;
}
.list-table[data-v-1ff3e04d] {
border-radius: var(--radius-md);
box-shadow: 0 1px 3px #0f172a12;
}
.list-foot[data-v-1ff3e04d] {
justify-content: center;
}
.list-foot > .list-bulk[data-v-1ff3e04d]:empty {
display: none;
}
[data-v-1ff3e04d] .p-datatable-header-cell {
background: var(--p-content-hover-background);
padding: 10.5px 14px;
font-size: 1rem;
font-weight: 600;
}
[data-v-1ff3e04d] .p-datatable-tbody > tr > td {
padding: 10.5px 14px;
font-size: 1rem;
}
[data-v-1ff3e04d] .p-tag {
font-size: 0.875rem;
font-weight: 500;
}
[data-v-1ff3e04d] .list-empty {
gap: 14px;
min-height: 300px;
padding: 42px 21px;
}
[data-v-1ff3e04d] .list-empty i {
opacity: 1;
font-size: 1.875rem;
}
[data-v-1ff3e04d] .list-empty-title {
font-size: 1rem;
}
[data-v-1ff3e04d] .list-empty-desc {
font-size: 0.875rem;
}
.field[data-v-1ff3e04d] {
gap: 7px;
}
.field label[data-v-1ff3e04d] {
font-size: 0.875rem;
}
/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
@media (width<=768px) {
.list-search[data-v-1ff3e04d],
.list-select[data-v-1ff3e04d],
.list-toolbar-right[data-v-1ff3e04d] {
width: 100%;
}
}
.support-notice[data-v-1ff3e04d] {
font-size: 0.875rem;
line-height: 24.5px;
app/assets/styles/transfer.CAsJhVUW.css
-59
View File
@@ -135,78 +135,19 @@
margin: 0 0 12px;
font-size: 1rem;
}
.list-page[data-v-559a870e] {
gap: 21px;
}
.list-head h2[data-v-559a870e],
.page-head h2[data-v-559a870e] {
margin: 0;
font-size: var(--page-title-size);
font-weight: 600;
line-height: 24.5px;
}
.list-toolbar[data-v-559a870e],
.list-toolbar-right[data-v-559a870e] {
justify-content: flex-start;
gap: 7px;
}
.list-search[data-v-559a870e],
.list-select[data-v-559a870e] {
width: 280px;
}
.list-table[data-v-559a870e] {
border-radius: var(--radius-md);
box-shadow: 0 1px 3px #0f172a12;
}
.list-foot[data-v-559a870e] {
justify-content: center;
}
.list-foot > .list-bulk[data-v-559a870e]:empty {
display: none;
}
[data-v-559a870e] .p-datatable-header-cell {
background: var(--p-content-hover-background);
padding: 10.5px 14px;
font-size: 1rem;
font-weight: 600;
}
[data-v-559a870e] .p-datatable-tbody > tr > td {
padding: 10.5px 14px;
font-size: 1rem;
}
[data-v-559a870e] .p-tag {
font-size: 0.875rem;
font-weight: 500;
}
[data-v-559a870e] .list-empty {
gap: 14px;
min-height: 300px;
padding: 42px 21px;
}
[data-v-559a870e] .list-empty i {
opacity: 1;
font-size: 1.875rem;
}
[data-v-559a870e] .list-empty-title {
font-size: 1rem;
}
[data-v-559a870e] .list-empty-desc {
font-size: 0.875rem;
}
.field[data-v-559a870e] {
gap: 7px;
}
.field label[data-v-559a870e] {
font-size: 0.875rem;
}
/* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
@media (width<=768px) {
.list-search[data-v-559a870e],
.list-select[data-v-559a870e],
.list-toolbar-right[data-v-559a870e] {
width: 100%;
}
}
.page-description[data-v-559a870e] {
color: var(--p-text-muted-color);
margin: 7px 0 0;