Merge pull request #171 from n-d-r-d-g/main

Minor visual mobile bug fixes

Author: MrSunshyne

packages/frontendmu-nuxt/components/cards/CardAlbum.vue

@@ -7,8 +7,15 @@ defineProps<{
 
 <template>
   <div v-if="currentAlbum" class="grid grid-cols-3 items-center h-full">
-    <NuxtImg v-for="photo in currentAlbum" :key="photo" :src="`${source}/${photo}`" alt="Album Photo" width="100"
-             height="160" class="object-cover w-full h-full block" loading="lazy"
+    <NuxtImg
+      v-for="photo in currentAlbum"
+      :key="photo"
+      :src="`${source}/${photo}`"
+      alt="Album Photo"
+      width="242"
+      height="408"
+      class="object-cover w-full h-full block"
+      loading="lazy"
     />
   </div>
 </template>

packages/frontendmu-nuxt/components/home/EventCarousel.vue

@@ -70,7 +70,7 @@ function allSpeakersForEvent(event: Meetup) {
         </div>
       </CarouselItem>
     </CarouselContent>
-    <CarouselPrevious />
-    <CarouselNext />
+    <CarouselPrevious class="-left-[14px] xl:-left-[40px]" />
+    <CarouselNext class="-right-[14px] xl:-right-[40px]" />
   </Carousel>
 </template>

packages/frontendmu-nuxt/components/home/Hero.vue

@@ -20,8 +20,9 @@
                 {{ useAppConfig().description }}
               </p>
               <div class="grid place-items-center md:place-items-start">
-                <NuxtLink href="/meetups"
-                          class="bg-verse-500 hover:bg-verse-600 transition-colors duration-200 text-md block w-48 rounded-full px-4 py-4 text-center font-medium text-white md:w-52 md:px-6 md:text-lg"
+                <NuxtLink
+                  href="/meetups"
+                  class="bg-verse-500 hover:bg-verse-600 transition-colors duration-200 text-md block w-48 rounded-full px-4 py-4 text-center font-medium text-white md:w-52 md:px-6 md:text-lg"
                 >
                   View all meetups
                 </NuxtLink>