feat: eww workspace animation

hypr-configs/hyprland/eww/src/sidebar/main.yuck

@@ -78,15 +78,25 @@
         :class "workspaces"
         :space-evenly false
         :orientation "v"
+        
         (for workspace in {workspacesjson}
           (button
             :onclick "hyprctl dispatch workspace ${workspace.id}"
             (box
-              :hexpand false
-              :height { workspace.id == current_workspace ? 50 : 30 }
+              :height 30
               :class "workspace ${workspace.id == current_workspace ? "workspacethingactive" : "workspacething"}"
+              
+              (revealer
+                :reveal { workspace.id == current_workspace }
+                :transition "slidedown"
+                
+                (box
+                  :height 55
+                )
               )
             )
+            
+            )
           )
         )
       )
@@ -190,12 +200,13 @@
 (defwidget playerctl [] 
   (eventbox
     :cursor "pointer"
-    (box 
+    (box
       :class "playerctl widget"
       :orientation "v"
       :space-evenly true
-      :spacing 5
-      (eventbox 
+      :spacing 6
+      
+      (eventbox
         :onclick "${EWW_CMD} open music --toggle"
         (image :path { pcover == "" ? "./assets/image/emptympd.png" : pcover } :image-width 20 :image-height 20))
       (button :onclick "playerctl previous"

hypr-configs/hyprland/eww/src/sidebar/styles.scss

@@ -154,7 +154,6 @@
 
 .picon {
   @extend .icon;
-  font-size: 18px;
 }
 
 .lightning {