diff options
| author | Jerry Chen <jerry@apache.org> | 2025-05-09 13:17:39 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-05-09 11:17:39 -0700 |
| commit | ce2fffc88c54c066bb155abdb4cf423d9da419f5 (patch) | |
| tree | 8203b0d422bbd647bbcca3995fa31c54c07d4a34 /src/view/shell/bottom-bar | |
| parent | 6c28d7d5359664e9c65bbba5930f3301210c637f (diff) | |
| download | voidsky-ce2fffc88c54c066bb155abdb4cf423d9da419f5.tar.zst | |
Fix notifications badge on web (#8347)
* Add notificationCountWeb style * Apply styles.notificationCountWeb to BottomBarWeb NavItem
Diffstat (limited to 'src/view/shell/bottom-bar')
| -rw-r--r-- | src/view/shell/bottom-bar/BottomBarStyles.tsx | 5 | ||||
| -rw-r--r-- | src/view/shell/bottom-bar/BottomBarWeb.tsx | 2 |
2 files changed, 6 insertions, 1 deletions
diff --git a/src/view/shell/bottom-bar/BottomBarStyles.tsx b/src/view/shell/bottom-bar/BottomBarStyles.tsx index c5f31c94e..ad1cc48fd 100644 --- a/src/view/shell/bottom-bar/BottomBarStyles.tsx +++ b/src/view/shell/bottom-bar/BottomBarStyles.tsx @@ -30,6 +30,11 @@ export const styles = StyleSheet.create({ borderRadius: 6, zIndex: 1, }, + notificationCountWeb: { + paddingTop: 3, + paddingBottom: 3, + borderRadius: 12, + }, notificationCountLight: { borderColor: colors.white, }, diff --git a/src/view/shell/bottom-bar/BottomBarWeb.tsx b/src/view/shell/bottom-bar/BottomBarWeb.tsx index 8c64f81a8..7a320cb43 100644 --- a/src/view/shell/bottom-bar/BottomBarWeb.tsx +++ b/src/view/shell/bottom-bar/BottomBarWeb.tsx @@ -265,7 +265,7 @@ const NavItem: React.FC<{ {children({isActive})} {notificationCount ? ( <View - style={styles.notificationCount} + style={[styles.notificationCount, styles.notificationCountWeb]} aria-label={_( msg`${plural(notificationCount, { one: '# unread item', |