From 9dd8cb83f7dca107df9b7ea92efedae8eabb22b5 Mon Sep 17 00:00:00 2001
From: bangae1 <bangae2@gmail.com>
Date: Tue, 3 Jun 2025 17:17:44 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=20=ED=98=B8?=
 =?UTF-8?q?=ED=99=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/VModal.vue                  |  6 ++++++
 .../layouts/navbar/NavbarItemMobile.vue         | 17 +++++++++++++++++
 src/components/layouts/navbar/NavbarLayout.vue  |  3 +++
 .../layout/toolbar/ToolbarUserProfile.vue       | 10 ++++++++++
 4 files changed, 36 insertions(+)

diff --git a/src/components/base/VModal.vue b/src/components/base/VModal.vue
index 72cb868..99a21bc 100644
--- a/src/components/base/VModal.vue
+++ b/src/components/base/VModal.vue
@@ -175,11 +175,17 @@ onUnmounted(() => {
       .modal-content {
         width: 100%;
         max-width: 100% !important;
+        min-height: 95% !important;
 
         .modal-card {
           width: 100%;
+          min-height: 95% !important;
           .modal-card-body {
             padding: 0px !important;
+            .form-fieldset {
+              max-width: 100%;
+              padding: 0;
+            }
           }
         }
       }
diff --git a/src/components/layouts/navbar/NavbarItemMobile.vue b/src/components/layouts/navbar/NavbarItemMobile.vue
index 9bc0bb5..871241e 100644
--- a/src/components/layouts/navbar/NavbarItemMobile.vue
+++ b/src/components/layouts/navbar/NavbarItemMobile.vue
@@ -22,6 +22,7 @@ const { activeMobileSubsidebarId, toggleMobileSubnav } = useNavbarLayoutContext(
       <VIcon
         :icon="props.link.icon"
       />
+      <span v-if="props.link.label">{{ props.link.label }}</span>
     </a>
     <a
       v-if="props.link.type === 'megamenu'"
@@ -34,6 +35,7 @@ const { activeMobileSubsidebarId, toggleMobileSubnav } = useNavbarLayoutContext(
       <VIcon
         :icon="props.link.icon"
       />
+      <span v-if="props.link.label">{{ props.link.label }}</span>
     </a>
     <a
       v-else-if="props.link.type === 'action'"
@@ -45,6 +47,7 @@ const { activeMobileSubsidebarId, toggleMobileSubnav } = useNavbarLayoutContext(
       <VIcon
         :icon="props.link.icon"
       />
+      <span v-if="props.link.label">{{ props.link.label }}</span>
     </a>
     <VLink
       v-else-if="props.link.type === 'link'"
@@ -53,6 +56,20 @@ const { activeMobileSubsidebarId, toggleMobileSubnav } = useNavbarLayoutContext(
       <VIcon
         :icon="props.link.icon"
       />
+      <span v-if="props.link.label">{{ props.link.label }}</span>
     </VLink>
   </li>
 </template>
+
+<style lang="scss" scoped>
+li {
+  width:120px !important;
+  span {
+    color: var(--modal-text) !important;
+    padding-left: 10px;
+  }
+  .iconify {
+    transform: translateY(5px);
+  }
+}
+</style>
diff --git a/src/components/layouts/navbar/NavbarLayout.vue b/src/components/layouts/navbar/NavbarLayout.vue
index 08b251d..938f7de 100644
--- a/src/components/layouts/navbar/NavbarLayout.vue
+++ b/src/components/layouts/navbar/NavbarLayout.vue
@@ -247,4 +247,7 @@ watch(() => Boolean(activeSubnav.value?.type === 'megamenu' || isMobileSidebarOp
 <style lang="scss">
 @import '/@src/scss/abstracts/all';
 @import '/@src/scss/layout/navbar';
+.mobile-main-sidebar {
+  width: 120px;
+}
 </style>
diff --git a/src/components/partials/layout/toolbar/ToolbarUserProfile.vue b/src/components/partials/layout/toolbar/ToolbarUserProfile.vue
index d4e8c18..54fab1f 100644
--- a/src/components/partials/layout/toolbar/ToolbarUserProfile.vue
+++ b/src/components/partials/layout/toolbar/ToolbarUserProfile.vue
@@ -399,6 +399,16 @@ function onRePassword() {
 
 <style lang="scss">
 @media (width <= 767px) {
+  .profile-dropdown {
+    .v-avatar {
+      min-width: 35px;
+      max-width: 35px;
+      .avatar {
+        min-width: 30px !important;
+      }
+    }
+  }
+
   .avatar {
     width:30px !important;
     height:30px !important;