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