From f78c48283983eeaee02f19af0bebd09974ccd760 Mon Sep 17 00:00:00 2001
From: ZTL-UwU <zhangtianli2006@163.com>
Date: Tue, 23 Jul 2024 12:30:33 +0800
Subject: [PATCH] feat: add back button

Signed-off-by: ZTL-UwU <zhangtianli2006@163.com>
---
 components/PageTitle.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/components/PageTitle.vue b/components/PageTitle.vue
index 4d8e3fc..90943f9 100644
--- a/components/PageTitle.vue
+++ b/components/PageTitle.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="mb-6 flex">
-    <div class="space-y-1">
+  <div class="mb-6 flex flex-col sm:flex-row items-center gap-4">
+    <div class="space-y-1 text-center sm:text-start">
       <p class="scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl">
         {{ title }}
       </p>
@@ -8,9 +8,18 @@
         {{ description }}
       </p>
     </div>
-    <NuxtLink v-if="newButton" class="ml-auto" to="/new">
-      <Button>我要添加内容</Button>
-    </NuxtLink>
+
+    <div class="sm:ml-auto flex gap-2">
+      <NuxtLink to="/">
+        <Button variant="outline">
+          <Icon name="lucide:arrow-left" class="mr-1" />
+          返回
+        </Button>
+      </NuxtLink>
+      <NuxtLink v-if="newButton" to="/new">
+        <Button>我要添加内容</Button>
+      </NuxtLink>
+    </div>
   </div>
 </template>