Skip to content

Commit

Permalink
Use tabular nums in performance monitor (#6936)
Browse files Browse the repository at this point in the history
## Summary

This PR adds `fontVariant: ['tabular-nums']` in `<PerformanceMonitor />`
component in order to prevent text jumps and for the sake of better
readability.

<table>
<thead>
<tr>
<th>Before</th>
<th>After</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<video
src="https://github.com/user-attachments/assets/01d6941c-4a6d-41a4-9a2b-af4cc43e03ed"
/>
</td>
<td>
<video
src="https://github.com/user-attachments/assets/bb76c2ef-da66-4bcf-ab36-9a9734b02922"
/>
</td>
</tr>
</tbody>
</table>

## Test plan
  • Loading branch information
tomekzaw authored Jan 25, 2025
1 parent f74c825 commit bfc3cfb
Showing 1 changed file with 1 addition and 0 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -197,6 +197,7 @@ const styles = StyleSheet.create({
},
text: {
fontSize: 13,
fontVariant: ['tabular-nums'],
color: '#ffff',
fontFamily: 'monospace',
paddingHorizontal: 3,
Expand Down

0 comments on commit bfc3cfb

Please sign in to comment.