fix footer logos on firefox (#99)

* fix footer logos on firefox * fix: footer logo margin --------- Co-authored-by: Moritz Stückler <[email protected]>
tolocar-project · Aug 22, 2023 · 3e638ae · 3e638ae
1 parent b2b5f04
commit 3e638ae
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 20 deletions.
diff --git a/src/assets/giz_logo_en.svg b/src/assets/giz_logo_en.svg
diff --git a/src/assets/giz_logo_ua.svg b/src/assets/giz_logo_ua.svg
diff --git a/src/assets/giz_zusammenarbeit.svg b/src/assets/giz_zusammenarbeit.svg
diff --git a/src/assets/hiww_logo.svg b/src/assets/hiww_logo.svg
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -60,27 +60,24 @@ const Footer: React.FC<Props> = ({ className, menu, locale }: Props) => {
               </div>
             </div>
           </div>
-          <div className="flex-1 flex flex-col sm:gap-[10%] sm:flex-row gap-0 text-sm">
+          <div className="flex-1 flex flex-col sm:gap-[10%] sm:flex-row mt-10 lg:mt-0 gap-0 text-sm sm:h-64">
             <a
-              className="mt-10 sm:mt-0 flex items-center justify-center"
-              href="https://www.giz.de"
-              target="_blank"
-            >
-              <GizZusammenarbeitSvg />
+                className={'mt-10 sm:mt-0 h-full flex-shrink'}
+                href="https://www.giz.de"
+                target="_blank">
+              <GizZusammenarbeitSvg className={'h-full w-full'} />
             </a>
             <a
-              className="-mt-12 sm:mt-0 flex items-center justify-center"
-              href="https://www.giz.de"
-              target="_blank"
-            >
-              {locale === "ua" ? <GizLogoSvgUA /> : <GizLogoSvgEN />}
+                className={'-mt-12 sm:mt-0 h-full flex-shrink'}
+                href="https://www.giz.de"
+                target="_blank">
+              {locale === "ua" ? <GizLogoSvgUA className={'h-full'} /> : <GizLogoSvgEN className={'h-full w-full'} />}
             </a>
             <a
-              className="-mt-60 sm:mt-0 flex items-center justify-center"
-              href="https://www.hiww.de"
-              target="_blank"
-            >
-              <HiwwLogoSvg />
+                className={'-mt-60 sm:mt-0 h-full flex-shrink'}
+                href="https://www.hiww.de"
+                target="_blank">
+              <HiwwLogoSvg className={'h-full w-full'}/>
             </a>
           </div>
         </div>