代码块样式

components/prose/ProsePre.global.vue

 <template>
-    <pre class="flex justify-between mb-0 rounded-bl-none rounded-br-none dark">
-        <div>{{ language }}</div>
-        <UButton
-            leading-icon="i-heroicons-document-duplicate-20-solid"
-            color="gray"
-            variant="link"
-            @click="handleCopy"
-        />
-    </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>
+    <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"
+                color="gray"
+                variant="link"
+                @click="handleCopy"
+            />
+        </pre>
+        <UDivider :ui="{ border: { base: 'border-gray-700' } }" />
+        <pre :class="$props.class" class="m-0 rounded-none"><code v-html="codeBlock"></code></pre>
+    </UCard>
 </template>
 
 <script setup>

pages/search/[id].vue

@@ -23,7 +23,7 @@
             </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>
@@ -32,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>
@@ -124,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