feat: update account menu style (#21916)

This commit is contained in:
Nite Knite
2025-07-04 14:52:30 +08:00
committed by GitHub
parent de39b737b6
commit 13990f31a1

View File

@@ -36,7 +36,7 @@ import { useDocLink } from '@/context/i18n'
export default function AppSelector() { export default function AppSelector() {
const itemClassName = ` const itemClassName = `
flex items-center w-full h-9 pl-3 pr-2 text-text-secondary system-md-regular flex items-center w-full h-8 pl-3 pr-2 text-text-secondary system-md-regular
rounded-lg hover:bg-state-base-hover cursor-pointer gap-1 rounded-lg hover:bg-state-base-hover cursor-pointer gap-1
` `
const router = useRouter() const router = useRouter()
@@ -87,8 +87,9 @@ export default function AppSelector() {
backdrop-blur-sm focus:outline-none backdrop-blur-sm focus:outline-none
" "
> >
<div className="px-1 py-1">
<MenuItem disabled> <MenuItem disabled>
<div className='flex flex-nowrap items-center py-[13px] pl-3 pr-2'> <div className='flex flex-nowrap items-center py-2 pl-3 pr-2'>
<div className='grow'> <div className='grow'>
<div className='system-md-medium break-all text-text-primary'> <div className='system-md-medium break-all text-text-primary'>
{userProfile.name} {userProfile.name}
@@ -101,10 +102,9 @@ export default function AppSelector() {
</div> </div>
<div className='system-xs-regular break-all text-text-tertiary'>{userProfile.email}</div> <div className='system-xs-regular break-all text-text-tertiary'>{userProfile.email}</div>
</div> </div>
<Avatar avatar={userProfile.avatar_url} name={userProfile.name} size={36} className='mr-3' /> <Avatar avatar={userProfile.avatar_url} name={userProfile.name} size={36} />
</div> </div>
</MenuItem> </MenuItem>
<div className="px-1 py-1">
<MenuItem> <MenuItem>
<Link <Link
className={cn(itemClassName, 'group', className={cn(itemClassName, 'group',