status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-27 18:40:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add media queries for responsive recovery phrase inputs

Browse Source
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

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

@ -70,3 +70,30 @@
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%;
}
}