GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2026-09-13 02:54:26 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: 统一和完善 UI

Browse Source
This commit is contained in:
mofeng-git
2026-07-19 21:43:27 +08:00
parent 5d871e8b21
commit 275c2ca343
25 changed files with 431 additions and 402 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/style.css
View File

@@ -155,3 +155,30 @@ body {
#app {
min-height: 100vh;
}
@layer components {
/* Shared dotted backdrop: console video area, login & setup pages */
.dot-grid-bg {
background-color: var(--muted);
background-image: radial-gradient(circle, color-mix(in oklab, var(--muted-foreground) 35%, transparent) 1px, transparent 1px);
background-size: 20px 20px;
}
}
/* Settings page density: compact cards.
Unlayered on purpose — must outrank Tailwind's @layer utilities (py-6/px-6/gap-6). */
.settings-dense [data-slot="card"] {
gap: 1rem;
padding-block: 1rem;
}
.settings-dense [data-slot="card-header"],
.settings-dense [data-slot="card-content"],
.settings-dense [data-slot="card-footer"] {
padding-inline: 1rem;
}
.settings-dense [data-slot="card-header"].border-b {
padding-bottom: 1rem;
}
.settings-dense [data-slot="card-footer"].border-t {
padding-top: 1rem;
}