change logo based on width

SU-SWS · Apr 11, 2024 · 35c35ed · 35c35ed
1 parent 074f7a9
commit 35c35ed
Showing 1 changed file with 11 additions and 13 deletions.
diff --git a/src/components/elements/lockup/lockup-logo.tsx b/src/components/elements/lockup/lockup-logo.tsx
@@ -1,23 +1,21 @@
 import {Maybe} from "@lib/gql/__generated__/drupal.d";
 import PressFooterLogoLg from "@components/images/logo-lg";
-// import PressFooterLogoXs from "@components/images/logo-xs";
+import PressFooterLogoXs from "@components/images/logo-xs";
 
 const LockupLogo = ({logoUrl, siteName = ""}: { logoUrl?: Maybe<string>, siteName?: Maybe<string> }) => {
 
   return (
     <>
-      {logoUrl &&
-        <picture>
-          <img
-            src={logoUrl}
-            alt={`${siteName} Logo`}
-            className="object-contain max-w-[400px] max-h-[35px] h-auto"
-          />
-        </picture>
-      }
-      {!logoUrl &&
-        <PressFooterLogoLg className="block"/>
-      }
+      <div className="hidden sm:block">
+        {!logoUrl &&
+          <PressFooterLogoLg/>
+        }
+      </div>
+      <div className="sm:hidden">
+        {!logoUrl &&
+          <PressFooterLogoXs/>
+        }
+      </div>
     </>
   )
 }