From 1fc949a8a898a8f7f8ba3259d112a3fe77573299 Mon Sep 17 00:00:00 2001
From: Minh Hikari <minhhikari1994+dev@outlook.com>
Date: Thu, 4 Jul 2024 23:08:37 +0700
Subject: [PATCH] fix style of images

---
 components/content/SongEntry.vue | 4 ++--
 components/content/TvEntry.vue   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/content/SongEntry.vue b/components/content/SongEntry.vue
index d3932fa..f7e6c08 100644
--- 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
index a1a2df1..8fca35f 100644
--- 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">