authorgravatar for 66844656+RVZO6@users.noreply.github.comRyan <66844656+RVZO6@users.noreply.github.com> 2026-10-11 23:36:51-04:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-10-12 03:36:51+00:00
log4ab4cdf452374502b87d0a83047c6cd25a9db7aa
tree0e02c4613596696a80a5463a853a70d7ace6f033
parent52f9046260981270292e1fd9c77c2c3fd942be54
signature Signed by PGP key B5690EEEBB952194

fix(mobile): keep preview count badges inside the working pill (#18449)


2 files changed, 2 insertions(+), 2 deletions(-)

apps/mobile/src/features/browser/browser-preview-button.tsx+1-1
...@@ -28,7 +28,7 @@ export function BrowserPreviewButton(props: {...@@ -28,7 +28,7 @@ export function BrowserPreviewButton(props: {
28 {props.count === 1 ? "One tab open" : `${props.count} tabs open`}28 {props.count === 1 ? "One tab open" : `${props.count} tabs open`}
29 </AppText>29 </AppText>
30 ) : props.count > 1 ? (30 ) : props.count > 1 ? (
31 <View className="absolute right-0.5 top-0.5 min-w-4 items-center rounded-full bg-primary px-1">31 <View className="absolute right-1.5 top-1.5 min-w-4 items-center rounded-full bg-primary px-1">
32 <AppText className="text-2xs font-t3-bold text-primary-foreground">{props.count}</AppText>32 <AppText className="text-2xs font-t3-bold text-primary-foreground">{props.count}</AppText>
33 </View>33 </View>
34 ) : null}34 ) : null}
apps/mobile/src/features/devices/device-preview-button.tsx+1-1
...@@ -32,7 +32,7 @@ export function DevicePreviewButton(props: {...@@ -32,7 +32,7 @@ export function DevicePreviewButton(props: {
32 {props.count === 1 ? "One device open" : `${props.count} devices open`}32 {props.count === 1 ? "One device open" : `${props.count} devices open`}
33 </AppText>33 </AppText>
34 ) : props.count > 1 ? (34 ) : props.count > 1 ? (
35 <View className="absolute right-0.5 top-0.5 min-w-4 items-center rounded-full bg-primary px-1">35 <View className="absolute right-1.5 top-1.5 min-w-4 items-center rounded-full bg-primary px-1">
36 <AppText className="text-2xs font-t3-bold text-primary-foreground">{props.count}</AppText>36 <AppText className="text-2xs font-t3-bold text-primary-foreground">{props.count}</AppText>
37 </View>37 </View>
38 ) : null}38 ) : null}