Merge pull request #106 from clubcapra/fix-mobile-home-page

Fix mobile home page
clubcapra · Jun 8, 2024 · 00dad66 · 00dad66
2 parents 00abfa7 + 3fc24e1
commit 00dad66
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/NavbarComponent.vue b/src/components/NavbarComponent.vue
@@ -80,9 +80,9 @@ const onLocaleChange = (event: Event) => {
         <!-- left section -->
         <div class="flex justify-between items-center">
           <a href="/" class="text-xl font-bold md:text-2xl">
-            <img :src="logo" alt="logo" class="h-12 w-12" />
+            <img :src="logo" alt="logo" class="h-8 w-8 md:h-12 md:w-12" />
           </a>
-          <div class="md:hidden">
+          <div class="md:hidden flex items-center">
             <button
               type="button"
               class="text-gray-500 hover:text-primary-700 focus:text-gray-600 focus:outline-none"

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -40,7 +40,7 @@ import SponsorCarouselComponent from '@clubcapra/components/SponsorCarouselCompo
       </div>
 
       <iframe
-        class="aspect-square h-1/2 w-full md:absolute md:right-0 md:w-1/2 md:h-full z-0"
+        class="aspect-square h-1/2 w-full md:absolute md:right-0 md:w-1/2 md:h-full z-0 hidden sm:block"
         style="border: none"
         width="100%"
         height="100%"