Skip to content

Commit

Permalink
use tabular-nums for percentages in ModelCancelDownload (#2553)
Browse files Browse the repository at this point in the history
with this patch numbers in percentages have the same width so all the component widths stay the same

https://tailwindcss.com/docs/font-variant-numeric#tabular-figures
  • Loading branch information
myakura committed Apr 2, 2024
1 parent 30f34a4 commit 2a6f774
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion web/containers/ModalCancelDownload/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -65,7 +65,9 @@ const ModalCancelDownload: React.FC<Props> = ({ model, isFromList }) => {
}) as number
}
/>
<span>{formatDownloadPercentage(downloadState.percent)}</span>
<span className="tabular-nums">
{formatDownloadPercentage(downloadState.percent)}
</span>
</div>
</Button>
)}
Expand Down

0 comments on commit 2a6f774

Please sign in to comment.