Lenaisten/advent22
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

ConfigView into thirds (breaks long <dd>)

Browse source
This commit is contained in:
Jörn-Michael Miehe 2023-09-10 03:54:54 +00:00
parent 0d07f67642
commit 6f73440160
1 changed files with 60 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

114
ui/src/components/ConfigView.vue
View file

@ -2,78 +2,84 @@
<BulmaDrawer header="Konfiguration">
<div class="card-content">
<div class="columns">
<div class="column content">
<h4>Rätsel</h4>
<dl>
<dt>Lösung</dt>
<dd>ABCDEFGHIJKLMNOPQRSTUVWX</dd>
<div class="column is-one-third">
<div class="content">
<h4>Rätsel</h4>
<dl>
<dt>Lösung</dt>
<dd>ABCDEFGHIJKLMNOPQRSTUVWX</dd>
<dt>Reihenfolge</dt>
<dd>AGFCINBEWLKQMXDURPOSJVHT</dd>
<dt>Reihenfolge</dt>
<dd>AGFCINBEWLKQMXDURPOSJVHT</dd>
<dt>Offene Türchen</dt>
<dd>10</dd>
<dt>Offene Türchen</dt>
<dd>10</dd>
<dt>Nächstes Türchen in</dt>
<dd>dd-hh-mm-ss</dd>
<dt>Nächstes Türchen in</dt>
<dd>dd-hh-mm-ss</dd>
<dt>Erstes Türchen</dt>
<dd>01.12.2023</dd>
<dt>Erstes Türchen</dt>
<dd>01.12.2023</dd>
<dt>Letztes Türchen</dt>
<dd>24.12.2023</dd>
<dt>Letztes Türchen</dt>
<dd>24.12.2023</dd>
<dt>Rätsel schließt</dt>
<dd>01.04.2024</dd>
<dt>Rätsel schließt</dt>
<dd>01.04.2024</dd>
<dt>Zufalls-Seed</dt>
<dd>""</dd>
</dl>
<dt>Zufalls-Seed</dt>
<dd>""</dd>
</dl>
</div>
</div>
<div class="column content">
<h4>Kalender</h4>
<dl>
<dt>Definition</dt>
<dd>files/default.toml</dd>
<div class="column is-one-third">
<div class="content">
<h4>Kalender</h4>
<dl>
<dt>Definition</dt>
<dd>files/default.toml</dd>
<dt>Hintergrundbild</dt>
<dd>files/adventskalender.jpg</dd>
<dt>Hintergrundbild</dt>
<dd>files/adventskalender.jpg</dd>
<dt>Türchen</dt>
<dd>0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16</dd>
</dl>
<dt>Türchen</dt>
<dd>0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16</dd>
</dl>
<h4>Bilder</h4>
<dl>
<dt>Größe</dt>
<dd>500 px</dd>
<h4>Bilder</h4>
<dl>
<dt>Größe</dt>
<dd>500 px</dd>
<dt>Rand</dt>
<dd>30 px</dd>
<dt>Rand</dt>
<dd>30 px</dd>
<dt>Schriftarten</dt>
<dd>files/Lena.ttf (Größe 50)</dd>
<dd>files/foobar.ttf (Größe 33)</dd>
</dl>
<dt>Schriftarten</dt>
<dd>files/Lena.ttf (Größe 50)</dd>
<dd>files/foobar.ttf (Größe 33)</dd>
</dl>
</div>
</div>
<div class="column content">
<h4>WebDAV</h4>
<dl>
<dt>URL</dt>
<dd>https://example.com/remote.php/webdav/advent22</dd>
<div class="column is-one-third">
<div class="content">
<h4>WebDAV</h4>
<dl>
<dt>URL</dt>
<dd>https://example.com/remote.php/webdav/advent22</dd>
<dt>Zugangsdaten</dt>
<dd>*** / ***</dd>
<dt>Zugangsdaten</dt>
<dd>*** / ***</dd>
<dt>Cache-Dauer</dt>
<dd>30 s</dd>
<dt>Cache-Dauer</dt>
<dd>30 s</dd>
<dt>Konfigurationsdatei</dt>
<dd>config.toml</dd>
<dt>Konfigurationsdatei</dt>
<dd>config.toml</dd>
<dt>UI-Admin</dt>
<dd>*** / ***</dd>
</dl>
<dt>UI-Admin</dt>
<dd>*** / ***</dd>
</dl>
</div>
</div>
</div>
</div>