anders-pub/markdown-hub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix white screen on trash, split nav into two rows

Browse Source
This commit is contained in:
Anders Holck
2026-05-27 10:11:26 +02:00
parent 4259760884
commit 370a206ccb
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.vue
+5 -1
View File
@@ -21,6 +21,8 @@
<button :class="{active: view === 'files'}" @click="view = 'files'">📄 Files</button> <button :class="{active: view === 'files'}" @click="view = 'files'">📄 Files</button>
<button :class="{active: view === 'shared'}" @click="view = 'shared'">🤝 Shared</button> <button :class="{active: view === 'shared'}" @click="view = 'shared'">🤝 Shared</button>
<button :class="{active: view === 'trash'}" @click="view = 'trash'; loadTrash()" @dragover.prevent @drop.prevent="dropToTrash($event)">🗑️ Trash</button> <button :class="{active: view === 'trash'}" @click="view = 'trash'; loadTrash()" @dragover.prevent @drop.prevent="dropToTrash($event)">🗑️ Trash</button>
</div>
<div class="sidebar-nav">
<button :class="{active: view === 'prefs'}" @click="view = 'prefs'">⚙️</button> <button :class="{active: view === 'prefs'}" @click="view = 'prefs'">⚙️</button>
<button v-if="isAdmin" :class="{active: view === 'admin'}" @click="view = 'admin'">👤</button> <button v-if="isAdmin" :class="{active: view === 'admin'}" @click="view = 'admin'">👤</button>
<button @click="logout" title="Logout">🚪</button> <button @click="logout" title="Logout">🚪</button>
@@ -1023,7 +1025,7 @@ function download(filename, content, mime) {
<style> <style>
* { margin: 0; padding: 0; box-sizing: border-box; } * { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: var(--bg-primary); color: var(--text); }
:root, [data-theme="dark"] { :root, [data-theme="dark"] {
--bg-primary: #1e1e2e; --bg-primary: #1e1e2e;
@@ -1058,6 +1060,8 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.app { .app {
display: flex; display: flex;
height: 100vh; height: 100vh;
background: var(--bg-primary);
color: var(--text);
} }
/* ─── Sidebar ─────────────────────────────────────────────────────────────── */ /* ─── Sidebar ─────────────────────────────────────────────────────────────── */