svg classNames

pixelcollective · Feb 5, 2021 · f38329c · f38329c
1 parent 979648a
commit f38329c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/src/components/partials/Header/index.tsx b/src/components/partials/Header/index.tsx
@@ -70,7 +70,7 @@ export const Header: FunctionComponent<{
               <span className="inline-flex flex-row mb-4 text-2xl tracking-wider text-white md:text-3xl">
                 {siteTitle ?? 'Not In Our Honor Coalition'}
                 <a href="https://notinourhonor.com">
-                  <External className="mt-1" w={7} h={7} color="text-white" />
+                  <External className="text-white md:mt-1 w-7 h-7" />
                 </a>
               </span>
 

diff --git a/src/components/svg/External.tsx b/src/components/svg/External.tsx
@@ -2,14 +2,10 @@ import {FunctionComponent} from 'react'
 
 export const External: FunctionComponent<{
   color?: string,
-  w?: number,
-  h?: number,
   className?: string,
-}> = ({color, w, h, className}) => (
+}> = ({className}) => (
   <svg
-    className={`${w ? `w-${w}` : `w-5`} ${h ? `h-${h}` : `h-5`} ml-3 -mr-1 ${
-      className ?? ``
-    } ${color ?? `text-gray-400`}`}
+    className={`ml-3 -mr-1 ${className ?? `w-5 h-5 text-gray-400`}`}
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 20 20"
     fill="currentColor">