ctbk/dmx-interface
1
0
Fork 0
mirror of https://github.com/HendrikRauh/dmx-interface.git synced 2025-05-19 10:32:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

added small connection icon in status details

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
data/index.html
View file

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

12
data/style.css
View file

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