fix style of images

minhhikari1994 · Jul 4, 2024 · 1fc949a · 1fc949a
1 parent bcefc50
commit 1fc949a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/components/content/SongEntry.vue b/components/content/SongEntry.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="box m-auto xl:w-9 w-12 my-3">
         <div class="grid">
-            <div class="col-12 lg:col-4 ">
-                <NuxtImg format="webp" class="w-full" :src="image" :alt="name" loading="lazy"/>
+            <div class="col-12 lg:col-4 text-center">
+                <NuxtImg format="webp" class="lg:w-full w-8 m-auto" :src="image" :alt="name" loading="lazy"/>
             </div>
             <div class="col-12 lg:col-8 text-center m-auto px-3">
                 <div>

diff --git a/components/content/TvEntry.vue b/components/content/TvEntry.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="box m-auto xl:w-9 w-12 my-3">
         <div class="grid">
-            <div class="col-12 lg:col-4">
+            <div class="col-12 lg:col-4 text-center">
                 <NuxtImg fit="contain" format="webp" class="lg:w-full w-8 m-auto" :src="image" :alt="name" loading="lazy"/>
             </div>
             <div class="col-12 lg:col-8 text-center m-auto px-3">