glenn
/
asteroid
mirror of https://github.com/glenneth1/asteroid.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: improved nav styling

This commit is contained in:
Luis Pereira 2025-10-09 18:27:05 +01:00 committed by Brian O'Reilly
parent dff2f52f7b
commit 2b6bad3348
2 changed files with 28 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
static/asteroid.css
View File

@ -43,15 +43,23 @@ body .panel{
body .nav{ body .nav{
margin: 20px 0; margin: 20px 0;
display: flex;
gap: 5px;
flex-wrap: wrap;
justify-content: center;
} }
body .nav a{ body .nav a{
color: #00ffff; color: #00ffff;
text-decoration: none; text-decoration: none;
margin: 0 10px; margin: 0;
padding: 10px 20px; padding: 10px 20px;
border: 1px solid #2a3441; border: 1px solid #2a3441;
background: #1a2332; background: #1a2332;
min-width: 100px;
text-align: center;
border-sizing: border-box;
letter-spacing: 0.08rem;
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
} }
@ -61,7 +69,10 @@ body .nav a:first-child{
} }
body .nav a:hover{ body .nav a:hover{
text-decoration: underline;
text-underline-offset: 5px;
background: #2a3441; background: #2a3441;
color: #00ff00;
} }
body .nav .btn-logout{ body .nav .btn-logout{
@ -917,4 +928,4 @@ body .stat-card .stat-label{
color: #ccc; color: #ccc;
font-size: 0.875rem; font-size: 0.875rem;
margin-top: 0.5rem; margin-top: 0.5rem;
} }

19
static/asteroid.lass
View File

@ -41,13 +41,21 @@
(.nav (.nav
:margin "20px 0" :margin "20px 0"
:display "flex"
:gap "5px"
:flex-wrap "wrap"
:justify-content center
(a (a
:color "#00ffff" :color "#00ffff"
:text-decoration none :text-decoration none
:margin "0 10px" :margin "0"
:padding "10px 20px" :padding "10px 20px"
:border "1px solid #2a3441" :border "1px solid #2a3441"
:background "#1a2332" :background "#1a2332"
:min-width "100px"
:text-align "center"
:border-sizing "border-box"
:letter-spacing "0.08rem"
:cursor pointer :cursor pointer
:display inline-block) :display inline-block)
@ -55,8 +63,11 @@
:margin-left "0") :margin-left "0")
((:and a :hover) ((:and a :hover)
:background "#2a3441") :text-decoration underline
:text-underline-offset "5px"
:background "#2a3441"
:color "#00ff00")
;; Logout button styling - subtle, not alarming ;; Logout button styling - subtle, not alarming
(.btn-logout (.btn-logout
:background "#2a3441" :background "#2a3441"
@ -67,7 +78,7 @@
:background "#3a4551" :background "#3a4551"
:border-color "#4a5561" :border-color "#4a5561"
:color "#ffaaaa")) :color "#ffaaaa"))
;; Hide conditional auth elements by default (JavaScript will show them) ;; Hide conditional auth elements by default (JavaScript will show them)
(|[data-show-if-logged-in]| (|[data-show-if-logged-in]|
:display none) :display none)