x/ncore-stats
1
0
Fork 0
mirror of https://github.com/skidoodle/ncore-stats.git synced 2026-04-28 07:47:36 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix styles
Go / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
albert
2026-03-22 23:44:25 +01:00
parent c068755d4a
commit 355274b918
1 changed files with 30 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/style.css
+30 -33
View File
@@ -22,13 +22,12 @@
html, html,
body { body {
height: 100%; min-height: 100%;
background-color: var(--bg); background-color: var(--bg);
color: var(--fg); color: var(--fg);
font-family: 'Inter', system-ui, -apple-system, sans-serif; font-family: 'Inter', system-ui, -apple-system, sans-serif;
line-height: 1.5; line-height: 1.5;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
overflow: hidden;
} }
body { body {
@@ -36,23 +35,25 @@ body {
justify-content: center; justify-content: center;
} }
body.overflow-hidden {
overflow: hidden;
}
.container { .container {
max-width: 1200px; max-width: 1200px;
width: 100%; width: 100%;
padding: 2rem; padding: 2.5rem 2rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh;
} }
header { header {
margin-bottom: 2.5rem; margin-bottom: 2rem;
text-align: center; text-align: center;
flex-shrink: 0;
} }
h1 { h1 {
font-size: 1.75rem; font-size: 1.5rem;
font-weight: 800; font-weight: 800;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.15em; letter-spacing: 0.15em;
@@ -62,20 +63,8 @@ h1 {
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
} }
.subtitle {
color: var(--muted);
font-size: 0.75rem;
margin-top: 0.5rem;
text-transform: uppercase;
letter-spacing: 0.25em;
font-weight: 600;
}
main { main {
flex: 1; width: 100%;
overflow-y: auto;
min-height: 0;
padding: 1rem 0;
} }
.grid { .grid {
@@ -116,12 +105,12 @@ main {
.rank-badge { .rank-badge {
font-family: 'JetBrains Mono', monospace; font-family: 'JetBrains Mono', monospace;
font-size: 0.7rem; font-size: 0.85rem;
color: var(--accent); color: var(--accent);
background: var(--accent-dim); background: var(--accent-dim);
padding: 4px 10px; padding: 6px 12px;
border-radius: 6px; border-radius: 8px;
font-weight: 700; font-weight: 800;
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }
@@ -290,19 +279,23 @@ main {
background: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.1);
} }
main::-webkit-scrollbar { ::-webkit-scrollbar {
width: 4px; width: 8px;
} }
main::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: var(--bg); background: var(--bg);
} }
main::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
background: var(--border); background: var(--border);
border-radius: 10px; border-radius: 10px;
} }
::-webkit-scrollbar-thumb:hover {
background: var(--muted);
}
.apexcharts-canvas, .apexcharts-canvas,
.apexcharts-canvas *, .apexcharts-canvas *,
.apexcharts-canvas *:focus { .apexcharts-canvas *:focus {
@@ -316,11 +309,13 @@ main::-webkit-scrollbar-thumb {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5) !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5) !important;
} }
@media (max-width: 700px) {}
@media (max-width: 700px) { @media (max-width: 700px) {
.container { .container {
padding: 1.5rem; padding: 2rem 1rem;
}
h1 {
font-size: 1.75rem;
} }
.grid { .grid {
@@ -328,7 +323,9 @@ main::-webkit-scrollbar-thumb {
} }
.modal-panel { .modal-panel {
width: 95vw; width: 100vw;
height: 90vh; height: 100vh;
border-radius: 0;
border: none;
} }
} }