From 9b6f2cf768aa38c59d5325b3a634de9cb0379440 Mon Sep 17 00:00:00 2001
From: SMGDev <smgdev@smgoro.com>
Date: Fri, 21 Nov 2025 16:33:23 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0Logo=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E4=BF=AE=E5=A4=8D=E8=B7=AF=E7=94=B1=E5=AF=BC?=
 =?UTF-8?q?=E5=85=A5=E6=96=B9=E5=BC=8F=EF=BC=9B=E8=B0=83=E6=95=B4WordsPage?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=EF=BC=8C=E4=BC=98=E5=8C=96=E5=93=8D=E5=BA=94?=
 =?UTF-8?q?=E5=BC=8F=E8=AE=BE=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Logo.vue      | 3 ++-
 src/pages/word/WordsPage.vue | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/Logo.vue b/src/components/Logo.vue
index 3e8b51be..16796c95 100644
--- a/src/components/Logo.vue
+++ b/src/components/Logo.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
 import {useSettingStore} from "@/stores/setting.ts";
-import router from "@/router.ts";
+import { useRouter } from 'vue-router'
 
 const settingStore = useSettingStore()
+const router = useRouter()
 
 function goHome() {
   router.push('/')
diff --git a/src/pages/word/WordsPage.vue b/src/pages/word/WordsPage.vue
index 9765ccd4..8d1a290e 100644
--- a/src/pages/word/WordsPage.vue
+++ b/src/pages/word/WordsPage.vue
@@ -201,8 +201,8 @@ const {
 
 <template>
   <BasePage>
-    <div class="card flex gap-8">
-      <div class="flex-1 flex flex-col justify-between">
+    <div class="card flex flex-col md:flex-row gap-8">
+      <div class="flex-1 w-full flex flex-col justify-between">
         <div class="flex gap-3">
           <div class="p-1 center rounded-full bg-white">
             <IconFluentBookNumber20Filled class="text-xl color-link"/>
@@ -262,7 +262,7 @@ const {
         </div>
       </div>
 
-      <div class="flex-1" :class="!store.sdict.id && 'opacity-30 cursor-not-allowed'">
+      <div class="flex-1 w-full mt-4 md:mt-0" :class="!store.sdict.id && 'opacity-30 cursor-not-allowed'">
         <div class="flex justify-between">
           <div class="flex items-center gap-2">
             <div class="p-2 center rounded-full bg-white ">