From 1e24eb6c4ef79264f4bc86a7caa2650ebc5b962a Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Mon, 6 Jan 2025 11:10:12 +0700
Subject: [PATCH] fix: ProfileBanner responsive

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

diff --git a/src/components/ProfileBanner.vue b/src/components/ProfileBanner.vue
index c26a7ae0..a525affb 100644
--- a/src/components/ProfileBanner.vue
+++ b/src/components/ProfileBanner.vue
@@ -49,7 +49,7 @@ const smallBanner = ref(false);
 </script>
 <template>
   <q-img
-    v-if="!smallBanner"
+    v-if="!smallBanner && $q.screen.gt.xs"
     fit="cover"
     class="cover rounded bordered relative-position"
     :style="`height: ${tabsList ? '180px' : '10vw'}`"
@@ -274,7 +274,7 @@ const smallBanner = ref(false);
 
   <!-- small -->
   <q-img
-    v-if="(!$q.screen.gt.sm && smallBanner) || smallBanner"
+    v-if="(!$q.screen.gt.sm && smallBanner) || smallBanner || $q.screen.lt.sm"
     fit="cover"
     class="cover rounded bordered relative-position"
     :style="`height: 45px`"