mirror of
https://github.com/status-im/nimbus-gui.git
synced 2025-02-09 10:03:36 +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