移动端

components/i/MenuSider.vue

 <template>
-    <div class="flex md:hidden">
+    <div class="flex md:hidden flex-shrink-0">
         <UButton
             class="z-20"
             :class="{ 'fixed top-2 left-2' : fixed }"

components/i/library/Header.vue

 <template>
     <div class="flex flex-col w-full items-center sticky top-0 bg-white dark:bg-black z-10">
         <div class="container max-w-screen-lg 2xl:max-w-screen-xl flex flex-col p-6">
-            <div class="flex justify-between items-center">
+            <div class="flex justify-between items-center gap-4">
                 <div class="flex gap-4">
                     <IMenuSider />
-                    <div class="flex items-center text-xl gap-2" v-if="!collect">
+                    <div class="flex flex-shrink-0 items-center text-xl gap-2" v-if="!collect">
                         <UIcon name="i-heroicons-rectangle-stack-20-solid" />
                         <div>主题</div>
                     </div>

components/i/search/Header.vue

 <template>
     <header class="sticky top-0 z-10 bg-white dark:bg-black w-full flex flex-col">
-        <div class="w-full p-2 justify-end sm:justify-between items-center flex">
+        <div class="w-full p-2 justify-between flex">
             <IMenuSider />
             <div class="hidden md:flex">
                 <div class="flex items-center gap-2" v-if="repo">