fix: scroll tab

src/components/TabComponent.vue

@@ -68,7 +68,7 @@ function close(index: number) {
 }
 </script>
 <template>
-  <div class="row no-wrap">
+  <div class="row no-wrap full-width">
     <q-btn
       :id="`${prefixId}-btn-add`"
       class="q-px-lg bordered-b bordered-r app-text-muted"
@@ -84,10 +84,13 @@ function close(index: number) {
       :active-color="$q.dark.isActive ? 'white' : 'primary'"
       indicator-color="transparent"
       active-class="bordered-r"
+      dense
       v-model="tab"
       align="left"
       inline-label
-      class="text-grey"
+      mobile-arrows
+      class="text-grey col"
+      :breakpoint="0"
       style="background-color: var(--_body-bg); max-width: 55vw"
     >
       <q-tab
@@ -102,15 +105,17 @@ function close(index: number) {
         :class="tab === index ? '' : 'bordered-b bordered-r'"
       >
         <q-btn
+          v-if="!readonly && customerBranch?.length !== 1"
           round
           flat
           :id="`${prefixId}-close-tab-${index}`"
           icon="mdi-close"
+          size="sm"
           padding="xs"
           color="red"
+          class="q-ml-sm"
           :class="{ dark: $q.dark.isActive }"
           @click.stop="close(index)"
-          v-if="!readonly"
         />
       </q-tab>
     </q-tabs>