added small connection icon in status details

This commit is contained in:
RaffaelW 2024-12-20 21:56:43 +01:00
parent 0a7da09e23
commit 3fd0ae4837
2 changed files with 20 additions and 2 deletions

View file

@ -49,8 +49,14 @@
<div class="dialog-status-content">
<div class="card">
<span>Signalstärke</span>
<!-- placeholder for wifi icon -->
<span><span class="rssi"></span> dBm</span>
<span class="centered-vertical">
<img
class="connection-icon small"
src=""
alt=""
/>
<span><span class="rssi"></span> dBm</span>
</span>
</div>
<div class="card">

View file

@ -308,3 +308,15 @@ div:has(.range-value) {
height: 24px;
padding: 8px;
}
.connection-icon.small {
padding: 0;
height: 1em;
}
.centered-vertical {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}