centered content and fixed missing footer

This commit is contained in:
bobban committed 2026-09-06 02:43:09 +02:00
1 parent ffc33ed95e
commit 812c8e5016
2 files changed
+24 -20

No files matched your search

+13 -7
View File
@@ -169,8 +169,12 @@ body {
} }
/* When no sidebar is present (Dashboard, Secrets, IPAM) */ /* When no sidebar is present (Dashboard, Secrets, IPAM) */
.layout.no-sidebar {
justify-content: center;
}
.layout.no-sidebar .main { .layout.no-sidebar .main {
max-width: 1200px; max-width: 1100px;
width: 100%;
} }
/* ===== Sidebar ===== */ /* ===== Sidebar ===== */
@@ -213,20 +217,22 @@ body {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.sidebar-footer { /* ===== Global app footer ===== */
margin-top: auto; .app-footer {
padding: 12px 10px; background: var(--surface);
border-top: 1px solid var(--border);
padding: 10px 24px;
font-size: 12px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
text-align: center; text-align: center;
flex-shrink: 0;
} }
.sidebar-footer a { .app-footer a {
color: var(--accent); color: var(--accent);
text-decoration: none; text-decoration: none;
} }
.app-footer a:hover { text-decoration: underline; }
.sidebar-footer a:hover { text-decoration: underline; }
.sidebar-footer-link { .sidebar-footer-link {
background: none; background: none;
+11 -13
View File
@@ -272,9 +272,6 @@ function AppShell({ currentUser, onLogout }) {
</div> </div>
)} )}
<div className="sidebar-footer">
By <a href="https://bobbantech.com" target="_blank" rel="noreferrer">bobbantech</a>
</div>
</aside> </aside>
)} )}
@@ -297,16 +294,6 @@ function AppShell({ currentUser, onLogout }) {
))} ))}
</div> </div>
<div className="sidebar-footer">
By <a href="https://bobbantech.com" target="_blank" rel="noreferrer">bobbantech</a>
{' · '}
<button
className="sidebar-footer-link"
onClick={() => window.dispatchEvent(new CustomEvent('show-privacy'))}
>
Privacy
</button>
</div>
</aside> </aside>
)} )}
@@ -387,6 +374,17 @@ function AppShell({ currentUser, onLogout }) {
</main> </main>
</div> </div>
<footer className="app-footer">
By <a href="https://bobbantech.com" target="_blank" rel="noreferrer">bobbantech</a>
{' · '}
<button
className="sidebar-footer-link"
onClick={() => window.dispatchEvent(new CustomEvent('show-privacy'))}
>
Privacy
</button>
</footer>
{confirmDelete && ( {confirmDelete && (
<ConfirmDialog <ConfirmDialog
title="Delete DNS Record" title="Delete DNS Record"