From 73f1f1d151350fbf768ac2e5ef48145b386a5384 Mon Sep 17 00:00:00 2001
From: Chris <1633711653@qq.com>
Date: Sat, 3 Dec 2022 13:19:59 +0800
Subject: [PATCH] fix(mobile): fix long text wapped (#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 466588a4..86237b4f 100644
--- a/components/main/MainContent.vue
+++ b/components/main/MainContent.vue
@@ -15,12 +15,13 @@ defineProps<{
           <NuxtLink v-if="back" flex="~ gap1" items-center btn-text p-0 @click="$router.go(-1)">
             <div i-ri:arrow-left-line />
           </NuxtLink>
-          <slot name="title" />
-          <div h-7 w-1px />
-        </div>
-        <div flex items-center>
-          <slot name="actions" />
-          <NavUser v-if="isMediumScreen" />
+          <div line-clamp-1>
+            <slot name="title" />
+          </div>
+          <div flex items-center shrink-0>
+            <slot name="actions" />
+            <NavUser v-if="isMediumScreen" />
+          </div>
         </div>
       </div>
       <slot name="header" />