spacebar/mod-portal-v2
Watch
14
0
Fork
You've already forked mod-portal-v2
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

cleanup & more fixes

Browse source
This commit is contained in:
kittentm 2026-08-03 05:39:08 +02:00
commit 3cf2ec38aa
Signed by: kitten
GPG key ID: 394B4EABE4405A83
8 changed files with 102 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

56
public/css/main.css
View file

@ -1,3 +1,14 @@
:root {
--surface-bg: #1a1a1f;
--surface-muted: rgba(0, 0, 0, 0.15);
--surface-elevated: rgba(0, 0, 0, 0.2);
--surface-border: rgba(255, 255, 255, 0.08);
--text-primary: #ffffff;
--text-muted: #8b949e;
--accent: #00aeef;
--danger: #f85149;
}
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
.archivo-black {
@ -22,7 +33,8 @@ body {
.app-viewport {
width: 100%;
padding: 2rem 1rem;
/* larger vertical and horizontal gutters to restore visible page gaps */
padding: 3.5rem 2.5rem;
display: block !important;
min-height: 100vh !important;
}
@ -37,12 +49,20 @@ body {
width: 100% !important;
max-width: 1280px !important;
margin: 0 auto !important;
/* inner gutter so content cards don't touch viewport edges */
padding: 0 1.25rem;
}
.footer-container {
margin-top: 2rem !important;
}
/* Ensure footer wrapper spacing persists across SSR and reloads */
.footer-wrapper {
width: 100%;
margin-top: 8rem !important;
}
.spinner {
border: 3px solid rgba(255, 255, 255, 0.15);
border-top-color: #00aeef;
@ -124,26 +144,31 @@ button:disabled, .btn-login-action:disabled {
width: 100%;
}
.settings-sidebar {
background-color: #1a1a1f;
border: 1px solid rgba(255, 255, 255, 0.08);
.settings-sidebar,
.settings-panel {
background-color: var(--surface-bg);
border: 1px solid var(--surface-border);
border-radius: 6px;
overflow: hidden;
}
.settings-sidebar {
height: max-content;
}
.sidebar-header {
.sidebar-header,
.panel-header {
padding: 0.85rem 1rem;
font-size: 1.1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
background-color: rgba(0, 0, 0, 0.15);
color: #ffffff;
border-bottom: 1px solid var(--surface-border);
background-color: var(--surface-muted);
color: var(--text-primary);
}
.user-badge {
padding: 0.75rem 1rem;
background: rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
background: var(--surface-elevated);
border-bottom: 1px solid var(--surface-border);
display: flex;
flex-direction: column;
}
@ -202,19 +227,8 @@ button:disabled, .btn-login-action:disabled {
gap: 1.5rem;
}
.settings-panel {
background-color: #1a1a1f;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 6px;
overflow: hidden;
}
.panel-header {
padding: 0.85rem 1.25rem;
font-size: 1.1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
background-color: rgba(0, 0, 0, 0.15);
color: #ffffff;
}
.panel-body {