feat(header): increase header button size (#34)

davidlj95 · Sep 28, 2023 · 1b9c7ee · 1b9c7ee
1 parent 7e1d8ad
commit 1b9c7ee
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss
@@ -25,6 +25,11 @@
         background: transparent;
         font-size: header.$icons-height;
       }
+
+      .material-symbols-outlined {
+        font-size: 1em;
+        font-variation-settings: "FILL" 0, "wght" 200, "GRAD" 0, "opsz" header.$icons-height-pixels;
+      }
     }
   }
 }
diff --git a/src/sass/_header.scss b/src/sass/_header.scss
@@ -2,7 +2,8 @@
 @use "borders";
 
 $vertical-padding: paddings.$xs;
-$icons-height: 24px;
+$icons-height-pixels: 32;
+$icons-height: #{$icons-height-pixels}px;
 $vertical-padding-height: calc(2*$vertical-padding);
 $border-height: borders.$panel-width;