mirror of
https://github.com/status-im/nimbus-gui.git
synced 2025-02-10 18:36:50 +00:00
feat: create media queries for columns order
This commit is contained in:
parent
535c939582
commit
c5d0c15045
32
src/pages/PairDevice/ConnectViaIP/InputsRow.module.css
Normal file
32
src/pages/PairDevice/ConnectViaIP/InputsRow.module.css
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
.main-container {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1150px) and (min-width: 1000px) {
|
||||||
|
.main-container {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-container > * {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-container > *:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 500px) {
|
||||||
|
.main-container {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-container > * {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-container > *:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user