status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: add media queries for responsive recovery phrase inputs

This commit is contained in:
RadoslavDimchev 2024-01-13 15:24:33 +02:00
parent 97c0b76acd
commit 1d255f76cd
1 changed files with 28 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/pages/ValidatorOnboarding/KeyGeneration/index.module.css
View File

@ -69,4 +69,31 @@
.recovery-phrase {
grid-template-columns: repeat(1, 1fr);
}
}
}
@media (max-width: 900px) {
.confirm-recovery-phrase {
width: 100%;
}
}
@media (max-width: 750px) {
.confirm-recovery-phrase {
grid-template-columns: repeat(3, 1fr);
width: 100%;
}
}
@media (max-width: 550px) {
.confirm-recovery-phrase {
grid-template-columns: repeat(2, 1fr);
width: 100%;
}
}
@media (max-width: 350px) {
.confirm-recovery-phrase {
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
}