From b1c55e3c317b79c164c615db32bbafffadc45b8e Mon Sep 17 00:00:00 2001
From: xue jiahao <hsuehchiahao@gmail.com>
Date: Wed, 25 Dec 2024 10:10:38 +0800
Subject: [PATCH] fix ui

---
 frontend/src/components/UserInfoButton.vue | 7 +++++--
 frontend/src/layouts/MainLayout.vue        | 1 -
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/UserInfoButton.vue b/frontend/src/components/UserInfoButton.vue
index 895f604..49f03d7 100644
--- a/frontend/src/components/UserInfoButton.vue
+++ b/frontend/src/components/UserInfoButton.vue
@@ -1,6 +1,6 @@
 <template>
   <q-btn flat no-caps dense icon="account_circle" :label="userInfo.fullName">
-    <q-menu max-width="225px">
+    <q-menu class="bar-user-menu">
       <div class="row no-wrap q-px-md q-pt-sm ">
         <div class="column items-center justify-center">
           <q-icon name="account_circle" color="grey" size="3em" />
@@ -30,7 +30,10 @@ const authStore = useAuthStore();
 const userInfo = computed(() => authStore.userInfo);
 const roles = computed(() => authStore.roles);
 </script>
-<style lang="scss" scoped>
+<style lang="scss" >
+.bar-user-menu {
+  max-width: 230px !important;
+}
 .role-label {
   margin: 2px;
 }
diff --git a/frontend/src/layouts/MainLayout.vue b/frontend/src/layouts/MainLayout.vue
index 49e076b..b0254ea 100644
--- a/frontend/src/layouts/MainLayout.vue
+++ b/frontend/src/layouts/MainLayout.vue
@@ -143,7 +143,6 @@ onMounted(() => {
 
 function toggleLeftDrawer() {
   getCurrentInstance();
-  debugger;
   authStore.toggleLeftMenu();
 }
 </script>