mirror of
https://github.com/RaspAP/raspap-webgui.git
synced 2024-11-22 07:30:23 +00:00
Tweak layout of dashboard client widget
This commit is contained in:
parent
b4012039c2
commit
f9e907e3ce
4 changed files with 37 additions and 8 deletions
|
@ -124,6 +124,11 @@ i.fa.fa-bars:hover{
|
||||||
color: #858796;
|
color: #858796;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.info-value {
|
||||||
|
font-size: 0.7rem;
|
||||||
|
margin-left: 0.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
.info-item-xs {
|
.info-item-xs {
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
margin-left: 0.3rem;
|
margin-left: 0.3rem;
|
||||||
|
|
|
@ -152,6 +152,11 @@ ul.nav-tabs, .nav-tabs .nav-link {
|
||||||
color: #858796;
|
color: #858796;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.info-value {
|
||||||
|
font-size: 0.7rem;
|
||||||
|
margin-left: 0.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
.info-item-xs {
|
.info-item-xs {
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
margin-left: 0.3rem;
|
margin-left: 0.3rem;
|
||||||
|
|
|
@ -255,6 +255,11 @@ hr {
|
||||||
color: #858796;
|
color: #858796;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.info-value {
|
||||||
|
font-size: 0.7rem;
|
||||||
|
margin-left: 0.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
.info-item-xs {
|
.info-item-xs {
|
||||||
font-size: 0.7rem;
|
font-size: 0.7rem;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
|
|
|
@ -35,14 +35,28 @@
|
||||||
<div class="card-body wireless">
|
<div class="card-body wireless">
|
||||||
<h4 class="card-title"><?php echo _("Wireless Client"); ?></h4>
|
<h4 class="card-title"><?php echo _("Wireless Client"); ?></h4>
|
||||||
<div class="row justify-content-md-center">
|
<div class="row justify-content-md-center">
|
||||||
<div class="col-md">
|
<div class="col-sm">
|
||||||
<div class="info-item"><?php echo _("Connected To"); ?></div><p><?php echo htmlspecialchars($connectedSSID, ENT_QUOTES); ?></p>
|
<div class="row ml-1 mb-1">
|
||||||
<div class="info-item"><?php echo _("Interface"); ?></div><p><?php echo htmlspecialchars($clientInterface); ?></p>
|
<div class="info-item col-xs-3"><?php echo _("Connected To"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($connectedSSID, ENT_QUOTES); ?></div>
|
||||||
<div class="info-item"><?php echo _("AP Mac Address"); ?></div><p><?php echo htmlspecialchars($connectedBSSID, ENT_QUOTES); ?></p>
|
</div>
|
||||||
<div class="info-item"><?php echo _("Bitrate"); ?></div><p><?php echo htmlspecialchars($bitrate, ENT_QUOTES); ?></p>
|
<div class="row ml-1 mb-1">
|
||||||
<div class="info-item"><?php echo _("Signal Level"); ?></div><p><?php echo htmlspecialchars($signalLevel, ENT_QUOTES); ?></p>
|
<div class="info-item col-xs-3"><?php echo _("Interface"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($clientInterface); ?></div>
|
||||||
<div class="info-item"><?php echo _("Transmit Power"); ?></div><p><?php echo htmlspecialchars($txPower, ENT_QUOTES); ?></p>
|
</div>
|
||||||
<div class="info-item"><?php echo _("Frequency"); ?></div><p><?php echo htmlspecialchars($frequency, ENT_QUOTES); ?></p>
|
<div class="row ml-1 mb-1">
|
||||||
|
<div class="info-item col-xs-3"><?php echo _("AP Mac Address"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($connectedBSSID, ENT_QUOTES); ?></div>
|
||||||
|
</div>
|
||||||
|
<div class="row ml-1 mb-1">
|
||||||
|
<div class="info-item col-xs-3"><?php echo _("Bitrate"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($bitrate, ENT_QUOTES); ?></div>
|
||||||
|
</div>
|
||||||
|
<div class="row ml-1 mb-1">
|
||||||
|
<div class="info-item col-xs-3"><?php echo _("Signal Level"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($signalLevel, ENT_QUOTES); ?></div>
|
||||||
|
</div>
|
||||||
|
<div class="row ml-1 mb-1">
|
||||||
|
<div class="info-item col-xs-3"><?php echo _("Transmit Power"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($txPower, ENT_QUOTES); ?></div>
|
||||||
|
</div>
|
||||||
|
<div class="row ml-1 mb-1">
|
||||||
|
<div class="info-item col-xs-3"><?php echo _("Frequency"); ?></div><div class="info-value col-xs-3"><?php echo htmlspecialchars($frequency, ENT_QUOTES); ?></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md mt-2 d-flex justify-content-center">
|
<div class="col-md mt-2 d-flex justify-content-center">
|
||||||
<script>var linkQ = <?php echo json_encode($strLinkQuality); ?>;</script>
|
<script>var linkQ = <?php echo json_encode($strLinkQuality); ?>;</script>
|
||||||
|
|
Loading…
Reference in a new issue