From 9668eccfe1df35ed6b41c946674a6c4e9b236412 Mon Sep 17 00:00:00 2001
From: glax <johanna@bernloehr.eu>
Date: Sat, 11 Oct 2025 23:41:15 +0200
Subject: [PATCH] fix skeleton size fix margin

---
 website/app/components/MangaCard.vue | 2 +-
 website/app/pages/index.vue          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/app/components/MangaCard.vue b/website/app/components/MangaCard.vue
index cb760c6..162292a 100644
--- a/website/app/components/MangaCard.vue
+++ b/website/app/components/MangaCard.vue
@@ -2,7 +2,7 @@
     <UCard
         v-if="!expanded"
         :ui="{ body: 'p-0 sm:p-0', root: 'overflow-visible' }"
-        class="relative h-[350px] mt-2"
+        class="relative h-[350px] mt-2 mb-2"
         @click="$emit('click')">
         <MangaCover :manga="manga" blur />
         <div class="absolute -top-4 -right-4 flex flex-col bg-pink rounded-full">
diff --git a/website/app/pages/index.vue b/website/app/pages/index.vue
index 0c43dc1..2495c23 100644
--- a/website/app/pages/index.vue
+++ b/website/app/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
     <UPageBody class="p-4 flex flex-row flex-wrap gap-6 mt-0">
-        <USkeleton v-if="status !== 'success'" class="max-w-[600px] w-full h-[350px]" />
+        <USkeleton v-if="status !== 'success'" class="w-[240px] h-[350px]" />
         <MangaCard
             v-for="(m, i) in manga"
             v-else