chore: media player style

This commit is contained in:
hesam-init 2024-07-02 10:45:52 +03:30
parent eeb13714e3
commit 37135bdff4
2 changed files with 17 additions and 4 deletions

View file

@ -61,9 +61,12 @@
} }
.player-controls { .player-controls {
* {
font-size: 64px;
}
label { label {
font-size: get-token(font-sizes, large); padding: 16px 0px;
padding: 15px;
} }
} }

View file

@ -31,13 +31,16 @@
:class { pcover != "" ? "player-cover" : ""} :class { pcover != "" ? "player-cover" : ""}
:style "background-image: url('${pcover}')" :style "background-image: url('${pcover}')"
:visible {permashow ? true : pcover != "" }) :visible {permashow ? true : pcover != "" })
(box (box
:orientation "h" :orientation "h"
:space-evenly false :space-evenly false
:halign "center" :halign "center"
:valign "center" :valign "center"
:spacing 10 :spacing spacing-large
(image :image-width 100 :image-height 100 :path { pcover == "" ? "./assets/image/emptympd.png" : pcover }) (image :image-width 100 :image-height 100 :path { pcover == "" ? "./assets/image/emptympd.png" : pcover })
(box (box
:orientation "v" :orientation "v"
:space-evenly false :space-evenly false
@ -45,6 +48,12 @@
:halign "center" :halign "center"
:valign "center" :valign "center"
:class "player-info" :class "player-info"
:spacing spacing-small
(box
:orientation "v"
:space-evenly false
:visible true
(scroll (scroll
:hscroll true :hscroll true
@ -55,13 +64,14 @@
:hscroll true :hscroll true
:vscroll false :vscroll false
(label :text partist)) (label :text partist))
)
(box (box
:orientation "h" :orientation "h"
:class "player-controls" :class "player-controls"
(button :onclick "playerctl previous" (button :onclick "playerctl previous"
(label :text "󰒮")) (label :text "󰒮"))
(button :style "padding-right: 3px;" :onclick "playerctl play-pause" (button :onclick "playerctl play-pause"
(label :text { pstatus == "Playing" ? "" : ""} )) (label :text { pstatus == "Playing" ? "" : ""} ))
(button :onclick "playerctl next" (button :onclick "playerctl next"
(label :text "󰒭")))))) (label :text "󰒭"))))))