🐛 fix(header): prevent NotificationButton from shrinking when unread badge appears

- Remove `size='small'` when the button is wrapped by `Badge`
- Keep button dimensions consistent with/without badge
- Preserve 18px icon size and existing styles/accessibility
- Lint check passed with no issues

Files: web/src/components/layout/HeaderBar/NotificationButton.jsx
This commit is contained in:
t0ng7u
2025-08-23 03:40:32 +08:00
parent 43c6bbb3ad
commit 005e9659e1

View File

@@ -34,7 +34,7 @@ const NotificationButton = ({ unreadCount, onNoticeOpen, t }) => {
if (unreadCount > 0) { if (unreadCount > 0) {
return ( return (
<Badge count={unreadCount} type="danger" overflowCount={99}> <Badge count={unreadCount} type="danger" overflowCount={99}>
<Button {...buttonProps} size='small' /> <Button {...buttonProps} />
</Badge> </Badge>
); );
} }