From 39676dab5fc2eed7c9705caa5893f64617c8cd07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=89=E5=92=B2=E6=99=BA=E5=AD=90?= <sxzz@sxzz.moe>
Date: Sun, 4 Dec 2022 22:26:42 +0800
Subject: [PATCH] fix(ui): truncate header text

fix #311
---
 components/main/MainContent.vue | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/main/MainContent.vue b/components/main/MainContent.vue
index 86237b4f..7ce4b9b8 100644
--- a/components/main/MainContent.vue
+++ b/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" />