From 3fd00bb95bfd357e792cfc3a11731fea5e90a665 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Wed, 22 May 2024 11:41:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0JS=E7=BA=A7=E5=88=AB=E7=9A=84?=
 =?UTF-8?q?=E5=93=8D=E5=BA=94=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 composables/useMQ.js  | 5 +++++
 pages/search/[id].vue | 7 ++++---
 2 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 composables/useMQ.js

diff --git a/composables/useMQ.js b/composables/useMQ.js
new file mode 100644
index 0000000..ec13ce2
--- /dev/null
+++ b/composables/useMQ.js
@@ -0,0 +1,5 @@
+export const SM = useMediaQuery('(max-width: 640px)')
+export const MD = useMediaQuery('(max-width: 768px)')
+export const LG = useMediaQuery('(max-width: 1024px)')
+export const XL = useMediaQuery('(max-width: 1280px)')
+export const XXL = useMediaQuery('(max-width: 1536px)')
\ No newline at end of file
diff --git a/pages/search/[id].vue b/pages/search/[id].vue
index e119c99..65f9125 100644
--- a/pages/search/[id].vue
+++ b/pages/search/[id].vue
@@ -1,8 +1,8 @@
 <template>
     <div class="w-full items-center flex flex-col">
         <header class="sticky top-0 z-10 bg-white dark:bg-black w-full flex flex-col">
-            <div class="w-full p-2 justify-between items-center flex">
-                <div class="flex-grow justify-center items-center flex space-x-2">
+            <div class="w-full p-2 justify-end sm:justify-between items-center flex">
+                <div class="flex-grow justify-center items-center space-x-2 hidden sm:flex">
                     <UTooltip text="点击修改标题" v-if="!isEditTitle">
                         <div @click="handleFocusTitle">{{ state.query }}</div>
                     </UTooltip>
@@ -16,7 +16,8 @@
                     <span>/</span>
                     <UButton color="gray" variant="ghost" leading-icon="i-heroicons-plus-20-solid">收藏</UButton>
                 </div>
-                <div>
+                <div class="flex gap-2">
+                    <UButton v-if="SM" color="gray" variant="ghost" leading-icon="i-heroicons-plus-20-solid">收藏</UButton>
                     <UButton @click="handleShare" leading-icon="i-heroicons-share-20-solid">分享</UButton>
                 </div>
             </div>
-- 
GitLab