WildDragonLLC/dragonflight
1
0
Fork 0
Code Issues 18 Pull requests 3 Projects Releases Packages Wiki Activity Actions

settings.html: remove orphan sidebar-footer + duplicate /nav; use main flex wrapper

Browse source
This commit is contained in:
Zac Gaetano 2026-05-21 16:40:28 -04:00
parent ddd3b3eca1
commit 01a9d6c3db
1 changed files with 9 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
services/web-ui/public/settings.html
View file

@ -7,6 +7,7 @@
<title>Settings — Z-AMPP</title>
<link rel="stylesheet" href="/dist/app.css">
<style>
body { margin: 0; }
.settings-layout {
display: flex;
flex-direction: column;
@ -178,7 +179,7 @@
</style>
</head>
<body>
<div class="wd-shell">
<div class="wd-shell" style="display:flex;min-height:100vh;">
<nav class="wd-sidebar" aria-label="Main navigation">
<div class="wd-sidebar-header">
<img src="img/dragon-logo.png?v=1" alt="Wild Dragon" style="width:18px;height:18px;">
@ -253,29 +254,11 @@
</div>
</nav>
<div class="sidebar-footer">
<div class="sidebar-user">
<div class="sidebar-user-avatar" id="userAvatar">?</div>
<div class="sidebar-user-info">
<div class="sidebar-user-name" id="userName">—</div>
<div class="sidebar-user-role" id="userRole"></div>
</div>
<button class="btn btn-ghost" id="logoutBtn" title="Sign out" style="padding:0;width:24px;height:24px;flex-shrink:0;">
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" width="14" height="14"><path d="M10 8H3M6 5l-3 3 3 3"/><path d="M7 3h5a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H7"/></svg>
</button>
</div>
</div>
</nav>
<div class="main">
<header class="topbar">
<div class="topbar-left">
<span class="page-title">Settings</span>
</div>
<main style="flex:1;min-width:0;overflow:auto;padding:20px 24px 32px;">
<header style="display:flex;align-items:center;height:48px;border-bottom:1px solid var(--border-faint);margin:0 -24px 20px;padding:0 24px;">
<span style="font:600 14px/1 var(--font);color:var(--text-primary);letter-spacing:-0.005em;">Settings</span>
</header>
<div class="page-content">
<div class="settings-layout">
<div class="settings-layout">
<!-- ── S3 / Object Storage ───────────────────────────────────── -->
<div class="settings-section">
@ -511,10 +494,9 @@
</div>
</div>
</div><!-- /settings-layout -->
</div><!-- /page-content -->
</div><!-- /main -->
</div><!-- /shell -->
</div><!-- /settings-layout -->
</main>
</div><!-- /wd-shell -->
<div class="toast-container" id="toastContainer" aria-live="polite"></div>