frodovdr/raspap-webgui
1
0
Fork 0
mirror of https://github.com/billz/raspap-webgui.git synced 2023-10-10 13:37:24 +02:00
Code Issues Releases Wiki Activity

use css grid for wifi stations layout (better width equality)

Browse Source
This commit is contained in:
glaszig 2021-06-01 03:01:10 +01:00
parent d9212737e5
commit d711acb52d
4 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/css/custom.php
View File

@ -193,12 +193,12 @@ pre.unstyled {
width: 100%;
}
.card-deck--wifi-stations {
justify-content: space-between;
@media (min-width: 576px) {
.card-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 50%;
grid-gap: 1rem;
}
.card-deck--wifi-stations .card {
flex: 0 46%;
margin-bottom: .75rem;
}
.sidebar.toggled .nav-item .nav-link span {

10
app/css/hackernews.css
View File

@ -225,12 +225,12 @@ pre.unstyled {
width: 100%;
}
.card-deck--wifi-stations {
justify-content: space-between;
@media (min-width: 576px) {
.card-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 50%;
grid-gap: 1rem;
}
.card-deck--wifi-stations .card {
flex: 0 46%;
margin-bottom: .75rem;
}
.sidebar.toggled .nav-item .nav-link {

10
app/css/lightsout.css
View File

@ -429,12 +429,12 @@ pre {
width: 100%;
}
.card-deck--wifi-stations {
justify-content: space-between;
@media (min-width: 576px) {
.card-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 50%;
grid-gap: 1rem;
}
.card-deck--wifi-stations .card {
flex: 0 46%;
margin-bottom: .75rem;
}
.toggle-off.btn {

6
templates/wifi_stations.php
View File

@ -18,7 +18,7 @@
<?php if (!empty($connected)): ?>
<h4 class="h-underlined my-3"><?php echo _("Connected") ?></h4>
<div class="card-deck card-deck--wifi-stations">
<div class="card-grid">
<?php foreach ($connected as $network) : ?>
<?php echo renderTemplate("wifi_stations/network", compact('network', 'index')) ?>
<?php $index++; ?>
@ -28,7 +28,7 @@
<?php if (!empty($known)): ?>
<h4 class="h-underlined my-3"><?php echo _("Known") ?></h4>
<div class="card-deck card-deck--wifi-stations">
<div class="card-grid">
<?php foreach ($known as $network) : ?>
<?php echo renderTemplate("wifi_stations/network", compact('network', 'index')) ?>
<?php $index++; ?>
@ -38,7 +38,7 @@
<?php if (!empty($nearby)): ?>
<h4 class="h-underlined my-3"><?php echo _("Nearby") ?></h4>
<div class="card-deck card-deck--wifi-stations">
<div class="card-grid">
<?php foreach ($nearby as $network) : ?>
<?php echo renderTemplate("wifi_stations/network", compact('network', 'index')) ?>
<?php $index++; ?>