diff --git a/de/home/.config/eww/eww.scss b/de/home/.config/eww/eww.scss index 2e7e85e..4f94c19 100644 --- a/de/home/.config/eww/eww.scss +++ b/de/home/.config/eww/eww.scss @@ -302,6 +302,11 @@ $home-widget-border-hover-color: rgba($color5,0.3); border: 3px solid $home-widget-border-color; border-radius: $home-widget-border-radius; background-color: $home-widget-bg-color; + .nowplayingart { + margin: 10px; + border: 1px solid $home-widget-border-color; + border-radius: $home-widget-border-radius; + } .mediabutton { background-color: $home-button-bg-color; border-radius: $home-button-circle-border-radius diff --git a/de/home/.config/eww/modules/home/nowplayingart.yuck b/de/home/.config/eww/modules/home/nowplayingart.yuck index 513728e..655b20f 100644 --- a/de/home/.config/eww/modules/home/nowplayingart.yuck +++ b/de/home/.config/eww/modules/home/nowplayingart.yuck @@ -2,38 +2,45 @@ 'scripts/home/nowplayingart.sh') (defwidget nowplayingbar [] - (box + (centerbox :class "nowplayingbar" :orientation "h" :width 250 :height 100 - :space-evenly false - :valign "fill" (button - :height 50 - :width 50 + :height 90 + :width 90 + :valign "center" + :halign "center" + :hexpand false + :vexpand false (nowplayingart)) - (button - :class "mediabutton" - :valign "center" - :halign "end" - :height 25 - :width 25 - "") - (button - :class "mediabutton" - :valign "center" - :halign "end" - :height 25 - :width 25 - "󰐎") - (label - :class "mediabutton" - :valign "center" - :halign "end" - :height 25 - :width 25 - :text ""))) + "test" + (box + :space-evenly true + :width 100 + :height 50 + (button + :class "mediabutton" + :valign "center" + :halign "end" + :height 25 + :width 25 + "") + (button + :class "mediabutton" + :valign "center" + :halign "end" + :height 25 + :width 25 + "󰐎") + (button + :class "mediabutton" + :valign "center" + :halign "end" + :height 25 + :width 25 + "")))) (defwidget nowplayingart [] (box