Fix heart icon alignment

hack4impact-uiuc · Aug 15, 2023 · ae1858c · ae1858c
1 parent dbf1b23
commit ae1858c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/lib/components/Icon.svelte b/src/lib/components/Icon.svelte
@@ -79,7 +79,8 @@
   export let icon: IconType;
   export let width: string | number = "100%";
   export let height: string | number = "100%";
+  export let inline: boolean | number = false;
   export let color = "currentColor";
 </script>
 
-<Icon icon={iconMap[icon].name} {width} {height} {color} />
+<Icon icon={iconMap[icon].name} {width} {height} {color} {inline} />
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -110,7 +110,7 @@
     <div id="sponsorship-content">
       <h2>
         We
-        <Icon icon="heart" width="1em" height="1em" />
+        <Icon icon="heart" width="1em" height="1em" inline={true} />
         Our Sponsors
       </h2>
       <div class="row-center" />
@@ -193,7 +193,6 @@
 
   #sponsorship-content {
     color: white;
-    vertical-align: top;
   }
 
   figure > img {