Tune up notification badge rendering

This commit is contained in:
Paul Frazee 2023-03-15 16:39:45 -05:00
parent 474b4b7840
commit 4f20a17b6e
2 changed files with 7 additions and 21 deletions

View file

@ -134,9 +134,6 @@ export const DrawerContent = observer(() => {
<View
style={[
styles.menuItemCount,
theme.colorScheme === 'light'
? styles.menuItemCountLight
: styles.menuItemCountDark,
count > 99
? styles.menuItemCountHundreds
: count > 9
@ -358,25 +355,19 @@ const styles = StyleSheet.create({
menuItemCount: {
position: 'absolute',
width: 'auto',
right: -8,
top: -8,
right: -6,
top: -4,
backgroundColor: colors.blue3,
borderWidth: 2,
paddingHorizontal: 4,
paddingBottom: 1,
borderRadius: 6,
},
menuItemCountLight: {
borderColor: colors.white,
},
menuItemCountDark: {
borderColor: '#1B1919',
},
menuItemCountTens: {
width: 29,
width: 25,
},
menuItemCountHundreds: {
width: 38,
right: -12,
width: 34,
},
menuItemCountLabel: {
fontSize: 12,