Adjust icon CSS styling to match expected site design

markteekman · Jan 10, 2024 · dec9ca6 · dec9ca6
1 parent 679a80e
commit dec9ca6
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/assets/scss/base/_button.scss b/src/assets/scss/base/_button.scss
@@ -135,6 +135,7 @@
     gap: 0.5rem;
 
     [data-icon] {
+      height: auto;
       width: 30px;
     }
   }

diff --git a/src/components/Feature.astro b/src/components/Feature.astro
@@ -55,6 +55,7 @@ const { icon = 'mdi:rocket', title = 'Title' } = Astro.props
   }
 
   :global(.feature [data-icon]) {
+    height: auto;
     width: 4rem;
     color: var(--action-color);
   }

diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -46,6 +46,7 @@ import { Icon } from 'astro-icon/components'
       display: block;
 
       [data-icon] {
+        height: auto;
         margin-top: -4px;
         width: 30px;