feat: update sub side menu

src/components/SideMenu.vue

@@ -7,6 +7,7 @@ type Menu = {
   element?: HTMLElement;
   anchor: string;
   name: string;
+  sub?: boolean;
 };
 
 const props = defineProps<{
@@ -76,21 +77,24 @@ onUnmounted(() => {
 
 <template>
   <div class="side-menu__container">
-    <span
+    <template v-for="v in menu" :key="v.anchor">
-      :style="{
+      <span
-        '--side-menu__fg': activeMenu !== v.anchor ? foreground : undefined,
+        :style="{
-        '--side-menu__bg': activeMenu !== v.anchor ? background : undefined,
+          '--side-menu__fg': activeMenu !== v.anchor ? foreground : undefined,
-        '--side-menu__fg-active': active?.foreground,
+          '--side-menu__bg': activeMenu !== v.anchor ? background : undefined,
-        '--side-menu__bg-active': active?.background,
+          '--side-menu__fg-active': active?.foreground,
-      }"
+          '--side-menu__bg-active': active?.background,
-      class="side-menu__item"
+        }"
-      :class="{ 'side-menu__active': activeMenu === v.anchor }"
+        class="side-menu__item"
-      v-for="v in menu"
+        :class="{
-      :key="v.anchor"
+          'side-menu__active': activeMenu === v.anchor,
-      @click="handleClick(v)"
+          'side-menu__sub': v.sub || false,
-    >
+        }"
-      {{ v.name }}
+        @click="handleClick(v)"
-    </span>
+      >
+        {{ v.name }}
+      </span>
+    </template>
   </div>
 </template>
 
@@ -109,6 +113,10 @@ onUnmounted(() => {
     border-radius: var(--radius-2);
     cursor: pointer;
 
+    &.side-menu__sub {
+      margin-left: 1rem;
+    }
+
     &.side-menu__active {
       --side-menu__fg: var(--side-menu__fg-active, inherit);
       --side-menu__bg: var(--side-menu__bg-active, inherit);

src/pages/03_customer-management/MainPage.vue

@@ -1902,6 +1902,7 @@ watch(
                     name: v.branchNo || 0,
                   }),
                   anchor: `form-branch-customer-no-${v.branchNo}`,
+                  sub: true,
                 })) || []),
               ]"
               background="transparent"