Merge branch 'main' of gitcode.com:git_bot/ai-fe

components/prose/ProsePre.global.vue

 <template>
-    <pre class="flex justify-between m-0 rounded-bl-none rounded-br-none dark">
+    <UCard :ui="{ body: { padding: 'p-0 sm:p-0' }, base: 'overflow-hidden' }">
+        <pre class="flex justify-between m-0 rounded-none dark">
             <div>{{ language }}</div>
             <UButton
                 leading-icon="i-heroicons-document-duplicate-20-solid"
@@ -9,7 +10,8 @@
             />
         </pre>
         <UDivider :ui="{ border: { base: 'border-gray-700' } }" />
-    <pre :class="$props.class" class="m-0 rounded-tl-none rounded-tr-none"><code v-html="codeBlock"></code></pre>
+        <pre :class="$props.class" class="m-0 rounded-none"><code v-html="codeBlock"></code></pre>
+    </UCard>
 </template>
 
 <script setup>

composables/useMQ.js

+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

pages/search/[id].vue

 <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,13 +16,14 @@
                     <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>
             <UDivider />
         </header>
-        <div class="container max-w-screen-lg flex flex-col space-y-6 mb-4 p-6" id="scrollElement">
+        <div class="container max-w-screen-lg flex flex-col space-y-6 p-6 pb-0" id="scrollElement">
             <div class="grid">
                 <h1 class="text-3xl truncate">{{ state.query }}</h1>
             </div>
@@ -31,8 +32,8 @@
                 {{ state.repo }}
             </section>
             <template v-for="(item, index) in data" :key="index">
-                <div class="grid">
-                    <h1 class="text-3xl truncate" v-if="index !== 0" :id="index + 1">{{ item.question }}</h1>
+                <div class="grid" v-if="index !== 0">
+                    <h1 class="text-3xl truncate" :id="index + 1">{{ item.question }}</h1>
                 </div>
                 <UCard :ui="{ body: { padding: 'p-4 sm:p-4' } }">
                     <UAccordion :items="[{}]" default-open>
@@ -123,7 +124,7 @@
                 </UButton>
             </div>
         </div>
-        <div class="container max-w-screen-lg sticky bottom-4 flex p-6">
+        <div class="container max-w-screen-lg sticky bottom-2 flex pl-6 pr-6">
             <div class="justify-between flex w-full space-x-2">
                 <UTooltip text="停止生成" v-if="asking">
                     <UButton