💄 Improve responsiveness of episode and webtoon list

Author: Xen0Xys

assets/css/tailwind.css

@@ -88,7 +88,7 @@
         @apply scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0;
     }
     h3{
-        @apply scroll-m-20 text-2xl font-semibold tracking-tight;
+        @apply scroll-m-20 text-base sm:text-lg md:text-xl lg:text-2xl font-semibold tracking-tight;
     }
     h4{
         @apply scroll-m-20 text-base sm:text-lg md:text-xl lg:text-2xl font-semibold tracking-tight;

components/misc/Image.vue

@@ -16,8 +16,8 @@ const thumbnails = computed(() => {
 </script>
 
 <template>
-    <NuxtImg v-if="!fallback" :src="thumbnails[0]" loading="lazy" format="webp" class="h-30" @error="fallback = true"/>
-    <NuxtImg v-else :src="thumbnails[1]" loading="lazy" format="webp" class="h-30"/>
+    <NuxtImg v-if="!fallback" :src="thumbnails[0]" loading="lazy" format="webp" class="h-[5.7rem] sm:h-24 md:h-28 lg:h-32" @error="fallback = true"/>
+    <NuxtImg v-else :src="thumbnails[1]" loading="lazy" format="webp" class="h-[5.7rem] sm:h-24 md:h-28 lg:h-32"/>
 </template>
 
 <style scoped>