Implemented status description

This commit is contained in:
Maximilian Giller 2023-12-27 00:41:05 +01:00
parent 543e0ee940
commit 7382378349

View file

@ -31,6 +31,15 @@
color: #fff; color: #fff;
} }
#status {
text-align: left;
}
#description {
font-size: small;
text-align: left;
}
#sleep { #sleep {
margin-top: 2em; margin-top: 2em;
} }
@ -107,8 +116,21 @@
<div id="settings-notice">Scroll down for more</div> <div id="settings-notice">Scroll down for more</div>
<div id="container"> <div id="container">
<div id="vertical-center"> <div id="vertical-center">
Currently: <table>
<span id="status" class="info">...</span> <tr>
<td>Currently:</td>
<td style="width: 5px;"></td>
<td id="status" class="info">
...
</td>
</tr>
<tr>
<td></td>
<td></td>
<td id="description">
</td>
</tr>
</table>
<div id="sleep"></div> <div id="sleep"></div>
@ -185,6 +207,7 @@
currentStatus = data; currentStatus = data;
setText("status", data.title); setText("status", data.title);
setText("description", data.description);
if (data.title.toLowerCase() === "sleeping") { if (data.title.toLowerCase() === "sleeping") {
const remainingText = formatRemainingTime(data.remainingDuration); const remainingText = formatRemainingTime(data.remainingDuration);