QWQLwToo
92 lines
1.5 KiB
CSS
92 lines
1.5 KiB
CSS
@import "tailwindcss";
|
|
@plugin "daisyui" {
|
|
themes: light --default, dark --prefersdark;
|
|
}
|
|
|
|
:root {
|
|
color-scheme: light;
|
|
font-family: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;
|
|
background: #f5f7fb;
|
|
color: #172033;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
min-width: 320px;
|
|
min-height: 100vh;
|
|
background:
|
|
linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(244, 247, 251, 0.96)),
|
|
#f5f7fb;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
textarea,
|
|
select {
|
|
font: inherit;
|
|
}
|
|
|
|
.app-shell {
|
|
min-height: 100vh;
|
|
display: grid;
|
|
grid-template-columns: 260px minmax(0, 1fr);
|
|
}
|
|
|
|
.admin-sidebar {
|
|
border-right: 1px solid rgba(148, 163, 184, 0.28);
|
|
background: rgba(255, 255, 255, 0.78);
|
|
backdrop-filter: blur(18px);
|
|
}
|
|
|
|
.admin-main {
|
|
min-width: 0;
|
|
padding: 22px;
|
|
}
|
|
|
|
.surface {
|
|
border: 1px solid rgba(148, 163, 184, 0.28);
|
|
background: rgba(255, 255, 255, 0.86);
|
|
box-shadow: 0 16px 42px rgba(15, 23, 42, 0.07);
|
|
}
|
|
|
|
.metric-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
gap: 12px;
|
|
}
|
|
|
|
.content-grid {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
|
|
gap: 14px;
|
|
}
|
|
|
|
.mono {
|
|
font-family: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
|
|
}
|
|
|
|
@media (max-width: 980px) {
|
|
.app-shell {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.admin-sidebar {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 20;
|
|
border-right: 0;
|
|
border-bottom: 1px solid rgba(148, 163, 184, 0.28);
|
|
}
|
|
|
|
.metric-grid,
|
|
.content-grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.admin-main {
|
|
padding: 12px;
|
|
}
|
|
}
|