feat: add back button

Signed-off-by: ZTL-UwU <zhangtianli2006@163.com>
SMS-COSMO · Jul 23, 2024 · f78c482 · f78c482
1 parent 6f71dab
commit f78c482
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/components/PageTitle.vue b/components/PageTitle.vue
@@ -1,16 +1,25 @@
 <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>
       <p class="text-lg text-muted-foreground">
         {{ 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>