From 87242a316867e828c541ecab1753bd78482a3a7e Mon Sep 17 00:00:00 2001
From: oat <oatkub402@gmail.com>
Date: Tue, 12 Dec 2023 13:58:45 +0700
Subject: [PATCH] style : hide profile picture when on a mobile

---
 Services/client/src/components/Profile.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/Services/client/src/components/Profile.vue b/Services/client/src/components/Profile.vue
index ba2d4a3..7e36a97 100644
--- a/Services/client/src/components/Profile.vue
+++ b/Services/client/src/components/Profile.vue
@@ -12,7 +12,7 @@ const name = ref<string>(getUsername())
     id="app-toolbar-title"
   >
     <div class="col">
-      <q-avatar class="q-mt-xs">
+      <q-avatar class="q-mt-xs hideprofile">
         <img src="../assets/profile.png" />
       </q-avatar>
     </div>
@@ -52,6 +52,12 @@ const name = ref<string>(getUsername())
 </template>
 
 <style lang="scss" scoped>
+@media only screen and (max-width: 450px) {
+  .hideprofile {
+    display: none;
+  }
+}
+
 .cursor {
   cursor: pointer;
 }