change responsive]

src/core/layouts/BasicHeader.vue

@@ -5,23 +5,21 @@
     :style="`height:${layoutStore.header.height};line-height:${layoutStore.header.height}`"
   >
     <!--    :style="`height:${layoutStore.header.height};line-height:${layoutStore.header.height}`"-->
-    <div class="flex items-center">
-      <div class="flex-1 flex">
-        <img :src="getConfigApp('avatar')" style="height: 38px" class="mr-5 mt-1" />
+    <div class="flex w-full min-w-0 items-center overflow-hidden">
+      <div class="flex min-w-0 flex-1 items-center overflow-hidden">
+        <img :src="getConfigApp('avatar')" style="height: 38px" class="mr-5 mt-1 shrink-0" />
         <BaseButton
           type="text"
           icon="vuesax-linear:menu"
           @click="handleCollapseSideMenu"
           v-if="layoutStore.layout == 'side'"
+          class="shrink-0"
         />
-        <!-- justify-center  flex-1 -->
-        <!--        <div class="">-->
-        <BasicMenu/>
-        <!--        </div>-->
+        <BasicMenu />
       </div>
       <!--      <BaseButton icon="vuesax-linear:menu" @click="handleCollapseSideMenu"></BaseButton>-->
       <!--      <div @click="handleCollapseSideMenu">بستن منو</div>-->
-      <div class="flex items-center gap-3">
+      <div class="flex shrink-0 items-center gap-3">
 <!--        <div>
           <BaseButton size="small" @click="openNewTabBalance">تراز</BaseButton>
         </div>-->
@@ -235,6 +233,8 @@ function clearLocalStorage() {
 
 .@{prefix} {
   padding: unset;
+  overflow: hidden;
+  max-width: 100%;
   //height: unset;
   //@apply flex flex-col justify-center ;
   //height: 64px;