fix: scroll tab

src/components/02_personnel-management/InfoForm.vue

@@ -25,18 +25,21 @@ const sameWithEmployer = defineModel<boolean>('sameWithEmployer');
 const employeeTab = defineModel<string>('employeeTab');
 </script>
 <template>
-  <div class="column absolute-top" style="inset: 0">
+  <div class="column full-width full-height">
     <div
       v-if="tabsList && tabsList.length > 0"
       class="row surface-2 q-px-md q-pt-md full-width"
       style="border-bottom: 1px solid var(--brand-1)"
     >
       <q-tabs
+        inline-label
+        mobile-arrows
         dense
-        class="app-text-muted cancel-overflow"
+        class="app-text-muted cancel-overflow full-width"
         v-model="employeeTab"
         active-class="active-tab"
         indicator-color="transparent"
+        align="left"
       >
         <q-tab
           v-for="tab in tabsList"
@@ -50,11 +53,10 @@ const employeeTab = defineModel<string>('employeeTab');
     </div>
 
     <div
-      class="full-width no-wrap"
+      class="full-width no-wrap col"
       :class="$q.screen.gt.xs ? 'row' : 'column'"
-      style="flex: 1"
     >
-      <div class="col-3 q-mb-xs" v-if="$slots['person-card']">
+      <div class="col-3" v-if="$slots['person-card']">
         <slot name="person-card"></slot>
       </div>
       <div
@@ -125,8 +127,4 @@ const employeeTab = defineModel<string>('employeeTab');
   border-top-right-radius: var(--radius-2);
   position: relative;
 }
-
-:deep(.q-tabs__content) {
-  overflow: visible;
-}
 </style>