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 {
* {
font-size: 64px;
}
label {
font-size: get-token(font-sizes, large);
padding: 15px;
padding: 16px 0px;
}
}

View file

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