xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2026-02-01 02:26:53 -06:00
Code Issues Packages Projects Releases Wiki Activity

feat: add admin button to main layout, improve projects UI with click navigation, native scrollbar styles, better timestamp format

Browse Source 
- Add persistent admin dashboard button in header when authenticated
- Make project list rows clickable for navigation to edit page
- Move delete action to edit page with confirmation modal
- Add sessionStorage persistence for auth state across page loads
- Improve timestamp formatting with relative times
- Add native scrollbar styling for light/dark themes
This commit is contained in:
Xevion
2026-01-14 23:19:05 -06:00
parent 89e1ab097d
commit 6ad6da13ee
8 changed files with 217 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/app.css
+58
View File
@@ -120,6 +120,64 @@ html.dark {
border-radius: 4px;
}
/* Native scrollbars (Webkit: Chrome, Safari, Edge) */
html:not(.dark) ::-webkit-scrollbar {
width: 10px;
height: 10px;
}
html:not(.dark) ::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
html:not(.dark) ::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.25);
border-radius: 4px;
}
html:not(.dark) ::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.35);
}
html:not(.dark) ::-webkit-scrollbar-thumb:active {
background: rgba(0, 0, 0, 0.45);
}
html.dark ::-webkit-scrollbar {
width: 10px;
height: 10px;
}
html.dark ::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.05);
border-radius: 4px;
}
html.dark ::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.35);
border-radius: 4px;
}
html.dark ::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.45);
}
html.dark ::-webkit-scrollbar-thumb:active {
background: rgba(255, 255, 255, 0.55);
}
/* Native scrollbars (Firefox) */
html:not(.dark) {
scrollbar-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.05);
scrollbar-width: thin;
}
html.dark {
scrollbar-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.05);
scrollbar-width: thin;
}
/* Utility class for page main wrapper */
.page-main {
@apply relative min-h-screen text-zinc-900 dark:text-zinc-50 transition-colors duration-300;