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

fix: playlist create button wrap on small screens

This commit is contained in:
Luis Pereira 2025-10-14 12:08:23 +01:00 committed by Brian O'Reilly
parent a7fe6a73c7
commit 6506f7d153
2 changed files with 28 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
static/asteroid.css
View File

@ -8,7 +8,7 @@ body{
color: #00ffff; color: #00ffff;
margin: 0; margin: 0;
padding: 20px; padding: 20px;
box-sizing: boder-box; box-sizing: border-box;
} }
body .container{ body .container{
@ -393,6 +393,7 @@ body .playlist-input{
color: #00ffff; color: #00ffff;
border: 1px solid #2a3441; border: 1px solid #2a3441;
font-family: Courier New, monospace; font-family: Courier New, monospace;
box-sizing: border-box;
} }
body .playlist-list{ body .playlist-list{
@ -1011,4 +1012,17 @@ 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;
}
@media (max-width: 576px){
body .playlist-controls{
display: block;
}
body .playlist-controls >*{
width: 100%;
}
body .playlist-controls button{
margin-left: 0;
margin-right: 0;
}
} }

15
static/asteroid.lass
View File

@ -12,7 +12,7 @@
:color "#00ffff" :color "#00ffff"
:margin 0 :margin 0
:padding "20px" :padding "20px"
:box-sizing "boder-box" :box-sizing "border-box"
(.container (.container
:max-width "1200px" :max-width "1200px"
@ -315,7 +315,8 @@
:background "#0a0a0a" :background "#0a0a0a"
:color "#00ffff" :color "#00ffff"
:border "1px solid #2a3441" :border "1px solid #2a3441"
:font-family "Courier New, monospace") :font-family "Courier New, monospace"
:box-sizing "border-box")
(.playlist-list (.playlist-list
:border "1px solid #2a3441" :border "1px solid #2a3441"
@ -811,4 +812,14 @@
;; :text-align center) ;; :text-align center)
) ;; Close main body block ) ;; Close main body block
;; media queries for reponsiveness
(:media "(max-width: 576px)"
(body
(.playlist-controls
:display block
;;:width "100%"
(>* :width "100%")
(button :margin-left 0
:margin-right 0))))
) ;; End of let block ) ;; End of let block