From f9df3e7aefac2d931111f779d8b9e1905ef24614 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Tue, 28 Jan 2025 13:35:51 +0700
Subject: [PATCH] refactor: enhance layout and styling for ImageUploadDialog
 component

---
 src/components/ImageUploadDialog.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ImageUploadDialog.vue b/src/components/ImageUploadDialog.vue
index d52d8728..0d106024 100644
--- a/src/components/ImageUploadDialog.vue
+++ b/src/components/ImageUploadDialog.vue
@@ -202,7 +202,7 @@ watch(
       >
         <aside
           class="image-dialog-body relative-position rounded surface-1 flex items-center"
-          :class="{ 'q-mr-sm': $q.screen.gt.sm, 'q-mb-sm': $q.screen.lt.md }"
+          :class="{ 'q-mr-md': $q.screen.gt.sm, 'q-mb-md': $q.screen.lt.md }"
         >
           <img
             :src="tempImage || fallbackUrl"
@@ -248,8 +248,8 @@ watch(
 
         <aside
           v-if="!hiddenFooter"
-          class="self-start col"
-          style="overflow: auto; height: 30em"
+          class="self-start col scroll"
+          style="height: 30em; width: 34em"
         >
           <div class="row items-center q-gutter-sm">
             <div