fix: update PageHeaderRight styling for user session state

- Modified the background styling of the user authentication section in PageHeaderRight to conditionally apply rounded styles based on the presence of a session user.
- Enhanced visual consistency by ensuring the component adapts its appearance according to user authentication status.

Signed-off-by: Innei <tukon479@gmail.com>
This commit is contained in:
Innei
2025-11-30 14:17:55 +08:00
parent 187edf0d37
commit ac106b87c6

View File

@@ -81,7 +81,7 @@ export const PageHeaderRight = () => {
{/* Auth Section - Only show when useCloud is true */}
{injectConfig.useCloud && (
<div className="bg-material-medium/40 flex items-center gap-1 rounded-lg">
<div className={`bg-material-medium/40 flex items-center gap-1 ${sessionUser ? 'rounded-full' : 'rounded-lg'}`}>
{sessionUser ? <UserMenuButton user={sessionUser} /> : <LoginButton />}
</div>
)}