From 16570909be52d4694810cbe5f0d7d17b607c7284 Mon Sep 17 00:00:00 2001
From: "Apple\\Apple" <zeraturing@foxmail.com>
Date: Sun, 18 May 2025 21:43:07 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8style:=20Modify=20the=20transition?=
 =?UTF-8?q?=20shadow=20effect=20of=20the=20headerBar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/HeaderBar.js  | 4 ++--
 web/src/components/PageLayout.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/HeaderBar.js b/web/src/components/HeaderBar.js
index 1971ca3a..0fcdc5d7 100644
--- a/web/src/components/HeaderBar.js
+++ b/web/src/components/HeaderBar.js
@@ -224,7 +224,7 @@ const HeaderBar = () => {
             <Avatar
               size="extra-small"
               color={stringToColor(userState.user.username)}
-              className="shadow-sm mr-1"
+              className="mr-1"
             >
               {userState.user.username[0].toUpperCase()}
             </Avatar>
@@ -295,7 +295,7 @@ const HeaderBar = () => {
   };
 
   return (
-    <header className="bg-semi-color-bg-0 text-semi-color-text-0 shadow-sm sticky top-0 z-50 transition-colors duration-300">
+    <header className="bg-semi-color-bg-0 text-semi-color-text-0 sticky top-0 z-50 transition-colors duration-300">
       <div className="w-full px-4">
         <div className="flex items-center justify-between h-16">
           <div className="flex items-center">
diff --git a/web/src/components/PageLayout.js b/web/src/components/PageLayout.js
index d52bc0d4..e7e1d647 100644
--- a/web/src/components/PageLayout.js
+++ b/web/src/components/PageLayout.js
@@ -88,7 +88,7 @@ const PageLayout = () => {
           width: '100%',
           top: 0,
           zIndex: 100,
-          boxShadow: '0 1px 6px rgba(0, 0, 0, 0.08)',
+          borderBottom: '1px solid var(--semi-color-border)',
         }}
       >
         <HeaderBar />