fix(ui): truncate header text

fix #311

components/main/MainContent.vue

@@ -11,17 +11,18 @@ defineProps<{
       border="b base" bg-base
     >
       <div flex justify-between px5 py4>
-        <div flex gap-3 items-center>
+        <div flex gap-3 items-center overflow-hidden>
           <NuxtLink v-if="back" flex="~ gap1" items-center btn-text p-0 @click="$router.go(-1)">
             <div i-ri:arrow-left-line />
           </NuxtLink>
-          <div line-clamp-1>
+          <div truncate>
             <slot name="title" />
           </div>
-          <div flex items-center shrink-0>
-            <slot name="actions" />
-            <NavUser v-if="isMediumScreen" />
-          </div>
+          <div h-7 w-1px />
+        </div>
+        <div flex items-center flex-shrink-0>
+          <slot name="actions" />
+          <NavUser v-if="isMediumScreen" />
         </div>
       </div>
       <slot name="header" />