mirror of
https://github.com/billz/raspap-webgui.git
synced 2025-03-01 10:31:47 +00:00
use css grid for wifi stations layout (better width equality)
This commit is contained in:
@@ -193,12 +193,12 @@ pre.unstyled {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card-deck--wifi-stations {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.card-deck--wifi-stations .card {
|
||||
flex: 0 46%;
|
||||
margin-bottom: .75rem;
|
||||
@media (min-width: 576px) {
|
||||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 50%;
|
||||
grid-gap: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar.toggled .nav-item .nav-link span {
|
||||
|
@@ -225,12 +225,12 @@ pre.unstyled {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card-deck--wifi-stations {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.card-deck--wifi-stations .card {
|
||||
flex: 0 46%;
|
||||
margin-bottom: .75rem;
|
||||
@media (min-width: 576px) {
|
||||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 50%;
|
||||
grid-gap: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar.toggled .nav-item .nav-link {
|
||||
|
@@ -429,12 +429,12 @@ pre {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card-deck--wifi-stations {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.card-deck--wifi-stations .card {
|
||||
flex: 0 46%;
|
||||
margin-bottom: .75rem;
|
||||
@media (min-width: 576px) {
|
||||
.card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 50%;
|
||||
grid-gap: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.toggle-off.btn {
|
||||
|
Reference in New Issue
Block a user