diff --git a/desktop-icons.yuck b/desktop-icons.yuck index 9ed08cf..d17432a 100644 --- a/desktop-icons.yuck +++ b/desktop-icons.yuck @@ -3,30 +3,34 @@ :x "50%" :y "50%" :anchor "top left" - :width "400px" - :height "120px") - :stacking "fg" ;; oder "bg", je nach Geschmack + :width "500px" + :height "150px") + :stacking "fg" (box :orientation "h" :halign "center" :spacing 40 + ;; Remmina (button :class "icon-btn" - :tooltip "Remmina" :onclick "remmina" - (image :path "~/.config/eww/icons/remmina.png" :width 64 :height 64)) + (box :orientation "v" :halign "center" :valign "center" :spacing 0 + (label :class "icon" :text "") + (label :class "icon-text" :text "Remote Desktop"))) + ;; Support (button :class "icon-btn" - :tooltip "Support (coming soon)" :onclick "notify-send 'Support kommt später...'" - (image :path "~/.config/eww/icons/help.png" :width 64 :height 64)) + (box :orientation "v" :halign "center" :valign "center" + (label :class "icon" :text "") + (label :class "icon-text" :text "Stines Support"))) + ;; Reboot (button :class "icon-btn" - :tooltip "Reboot" :onclick "systemctl reboot" - (image :path "~/.config/eww/icons/reboot.png" :width 64 :height 64)) - ) -) + (box :orientation "v" :halign "center" :valign "center" :spacing 0 + (label :class "icon" :text "") + (label :class "icon-text" :text "Neustarten"))))) diff --git a/eww.scss b/eww.scss index bcb6f5c..793d977 100644 --- a/eww.scss +++ b/eww.scss @@ -1,11 +1,35 @@ .icon-btn { background: transparent; border: none; - padding: 10px; - transition: all 0.2s ease; + min-width: 80px; + min-height: 60px; + margin: 0px; + // display: flex; + // align-items: center; + // justify-content: center; + // transition: background 0.2s ease; + // padding: 5px; + // cursor: pointer; } .icon-btn:hover { - background: rgba(255, 255, 255, 0.15); - border-radius: 20px; + background: rgba(255, 255, 255, 0.15); +} + +.icon-btn:hover .icon-text { + text-decoration: underline; +} + +.icon { + font-family: "Symbols Nerd Font Mono"; + font-size: 60px; + margin-left: -1rem; + margin-bottom: -1rem; + color: #ffffff; +} + +.icon-text { + font-family: "sans"; + font-size: 14px; + color: #dddddd; } diff --git a/icons/help.png b/icons/help.png index a0ac38c..b577769 100644 Binary files a/icons/help.png and b/icons/help.png differ diff --git a/icons/reboot.png b/icons/reboot.png index bd79d04..cc5f1ec 100644 Binary files a/icons/reboot.png and b/icons/reboot.png differ diff --git a/icons/remmina.png b/icons/remmina.png index 93df788..2bf6526 100644 Binary files a/icons/remmina.png and b/icons/remmina.png differ