diff --git a/hypr-configs/hyprland/eww/assets/scss/_modules.scss b/hypr-configs/hyprland/eww/assets/scss/_modules.scss index 63f53ee..61cc434 100644 --- a/hypr-configs/hyprland/eww/assets/scss/_modules.scss +++ b/hypr-configs/hyprland/eww/assets/scss/_modules.scss @@ -61,9 +61,12 @@ } .player-controls { + * { + font-size: 64px; + } + label { - font-size: get-token(font-sizes, large); - padding: 15px; + padding: 16px 0px; } } diff --git a/hypr-configs/hyprland/eww/src/-modules/_media.yuck b/hypr-configs/hyprland/eww/src/-modules/_media.yuck index 7ae64f7..1b50052 100644 --- a/hypr-configs/hyprland/eww/src/-modules/_media.yuck +++ b/hypr-configs/hyprland/eww/src/-modules/_media.yuck @@ -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 "󰒭"))))))