From 9a71f5a8d159d34ca956962a1842e689dc141685 Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 24 Jan 2025 13:52:14 +0700
Subject: [PATCH] refactor: adjust sizes and padding in ProfileBanner component

---
 src/components/ProfileBanner.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/ProfileBanner.vue b/src/components/ProfileBanner.vue
index b1c1b46e..6ba83734 100644
--- a/src/components/ProfileBanner.vue
+++ b/src/components/ProfileBanner.vue
@@ -86,7 +86,7 @@ const smallBanner = ref(false);
           />
 
           <q-avatar
-            size="6vw"
+            size="5vw"
             font-size="3vw"
             class="relative-position"
             style="z-index: 1; box-shadow: var(--shadow-2)"
@@ -191,7 +191,10 @@ const smallBanner = ref(false);
         class="absolute-bottom relative-position column text-cover justify-between no-wrap"
         :class="{ dark: $q.dark.isActive }"
       >
-        <div class="row justify-between full-height" style="padding-left: 9vw">
+        <div
+          class="row justify-between full-height"
+          style="padding-left: 7.5vw"
+        >
           <div class="col column">
             <span
               class="text-bold ellipsis q-pt-xs text-body1"