Merge pull request #20 from typester/feature/eww-example

update image and example

Author: typester

examples/eww/eww-bar.png

@@ -1,7 +1,7 @@
 * {
   all: unset;
   font-family: "Terminess Nerd Font Propo";
-  font-size: 12pt;
+  font-size: 11pt;
 }
 
 .bar {
@@ -15,13 +15,18 @@
 
     .arch-logo {
         //color: #1793d0;
-        margin-left: 6px;
+        margin-left: 12px;
         font-size: 16px;
         font-weight: normal;
     }
 
+    .sep {
+        color: #999;
+    }
+
     .taglist {
         margin-left: 20px;
+        margin-right: 10px;
 
         .focused {
             background-color: #fefefe;

examples/eww/eww.scss

@@ -37,7 +37,7 @@
 (defwidget tag [index focused-tags urgent-tags view-tags]
            (box :class `${urgent-tags[index] ? "urgent" : focused-tags[index] ? "focused" : ""}`
                 (overlay
-                 (box :width 32 :height 18)
+                 (box :width 28 :height 18)
                  (literal :content `${view-tags[index] ?
  '(box :halign "start" :valign "start"
      (box :class "occupied" :width 7 :height 7))' : ""}`)
@@ -47,10 +47,11 @@
            (box :orientation "h" :halign "start" :hexpand true :space-evenly false
                 (label :text "" :class "arch-logo")
                 (river-tags :focused-tags focused-tags :urgent-tags urgent-tags :view-tags view-tags)
+                (label :text "|" :class "sep"))
                 (focused-view)))
 
 (defwidget bar-right []
-           (box :orientation "h" :halign "end" :class "bar-right"
+           (box :orientation "h" :halign "end" :valign "center" :class "bar-right"
                 (systray :icon-size 16)))
 
 (defwidget bar [focused-tags urgent-tags view-tags]
@@ -63,7 +64,7 @@
   :geometry (geometry :x "0"
                       :y "0"
                       :width "100%"
-                      :height "32px"
+                      :height "24px"
                       :anchor "top center")
   :stacking "fg"
   :exclusive true
@@ -77,7 +78,7 @@
   :geometry (geometry :x "0"
                       :y "0"
                       :width "100%"
-                      :height "32px"
+                      :height "24px"
                       :anchor "top center")
   :stacking "fg"
   :exclusive true