From 3b44206906af2585948be61fb605d3094c83e991 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Fri, 7 Jun 2024 18:16:37 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/i/MenuSider.vue      | 2 +-
 components/i/library/Header.vue | 4 ++--
 components/i/search/Header.vue  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/i/MenuSider.vue b/components/i/MenuSider.vue
index 3a0cb27..ab21bcb 100644
--- a/components/i/MenuSider.vue
+++ b/components/i/MenuSider.vue
@@ -1,5 +1,5 @@
 <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 }"
diff --git a/components/i/library/Header.vue b/components/i/library/Header.vue
index 028b442..8312546 100644
--- a/components/i/library/Header.vue
+++ b/components/i/library/Header.vue
@@ -1,10 +1,10 @@
 <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>
diff --git a/components/i/search/Header.vue b/components/i/search/Header.vue
index 8c26317..be5b986 100644
--- a/components/i/search/Header.vue
+++ b/components/i/search/Header.vue
@@ -1,6 +1,6 @@
 <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">
-- 
GitLab