mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2025-01-17 01:51:24 +01:00
Code Issues Wiki Activity

Convert passphrase display to 3 cols with smaller text on mobile

Browse source
This commit is contained in:
Jip Fr 2023-12-16 13:48:41 +01:00
parent 00e57a932f
commit 1c9a18a52c
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/form/PassphraseDisplay.tsx
View file

@ -38,10 +38,10 @@ export function PassphraseDisplay(props: { mnemonic: string }) {
<span className="text-sm">{t("actions.copy")}</span> <span className="text-sm">{t("actions.copy")}</span>
</button> </button>
</div> </div>
<div className="px-4 py-4 grid grid-cols-4 gap-2"> <div className="px-4 py-4 grid grid-cols-3 text-sm sm:text-base sm:grid-cols-4 gap-2">
{individualWords.map((word, i) => ( {individualWords.map((word, i) => (
<div <div
className="px-4 rounded-md py-2 bg-authentication-wordBackground text-white font-medium text-center" className="rounded-md py-2 bg-authentication-wordBackground text-white font-medium text-center"
// this doesn't get rerendered nor does it have state so its fine // this doesn't get rerendered nor does it have state so its fine
// eslint-disable-next-line react/no-array-index-key // eslint-disable-next-line react/no-array-index-key
key={i} key={i}