let5see/company-celebration
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(admin): improve mobile layout for program config section

Browse Source
This commit is contained in:
empty
2026-02-04 00:01:51 +08:00
parent 0f484f63d4
commit 69c789ba9d
1 changed files with 24 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
packages/client-screen/src/views/AdminControl.vue
View File

@@ -2320,9 +2320,11 @@ $admin-danger: #ef4444;
// Program Section Mobile // Program Section Mobile
.program-config-item { .program-config-item {
grid-template-columns: 32px 1fr 80px; display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px; gap: 8px;
padding: 10px 12px; padding: 12px;
.program-team { .program-team {
display: none; display: none;
@@ -2331,19 +2333,31 @@ $admin-danger: #ef4444;
.program-status { .program-status {
font-size: 11px; font-size: 11px;
padding: 3px 8px; padding: 3px 8px;
margin-left: auto;
} }
} }
.program-actions { .program-order {
grid-column: span 3; width: 28px;
justify-content: flex-end; height: 28px;
margin-top: 8px; font-size: 12px;
flex-shrink: 0;
} }
.program-order { .program-name {
width: 24px; flex: 0 1 auto;
height: 24px; max-width: 120px;
font-size: 12px; word-break: break-all;
}
.program-actions {
width: 100%;
display: flex;
justify-content: flex-end;
gap: 8px;
margin-top: 4px;
padding-top: 8px;
border-top: 1px solid rgba(255, 255, 255, 0.05);
} }
// Stats Section Mobile // Stats Section Mobile