Reworked CSS

- Split into 4 files referenced by the first
- Using MLFE and page-wide color definitions
- Improved consistency and reduced markup complexity
- Hinted more user actions
- Improved visual parsability of tables and logs
- Improved visibility of counter units
- TODO:
  - Add text selection to important fields
  - Improve button placement
  - Reindent templates
This commit is contained in:
adroslice 2024-05-29 15:19:21 +02:00
parent 8759e9bafc
commit 332e0cbe5a
11 changed files with 242 additions and 148 deletions

View file

@ -1,40 +1,38 @@
{{template "head"}}
<h2>Libraries</h2>
<div class="library-list">
<table>
<tr>
<th>ID</th>
<th>Name</th>
<th>Path</th>
<th>Enable</th>
</tr>
{{range $l := .Libraries}}
<tr onclick="window.location='/libraries/{{ $l.ID }}';">
<td>
{{ $l.ID }}
</td>
<td>
{{ $l.Name }}
</td>
<td>
{{ $l.Path }}
</td>
<td>
{{ $l.Enable }}
</td>
</tr>
{{end}}
</table>
</div>
<table>
<tr>
<th>ID</th>
<th>Name</th>
<th>Path</th>
<th>Enabled</th>
</tr>
{{range $l := .Libraries}}
<tr onclick="window.location='/libraries/{{ $l.ID }}';">
<td>
{{ $l.ID }}
</td>
<td>
{{ $l.Name }}
</td>
<td>
{{ $l.Path }}
</td>
<td>
{{ $l.Enable }}
</td>
</tr>
{{end}}
</table>
<h2>New Library</h2>
<form method="POST">
<label>Name:</label><br />
<input type="text" name="name"><br />
<label>Path:</label><br />
<input type="text" name="path"><br />
<label>Enable:</label><br />
<input type="checkbox" name="enable"><br />
<input type="submit">
<label>Name:</label>
<input type="text" name="name">
<label>Path:</label>
<input type="text" name="path">
<label>Enable:</label>
<input type="checkbox" name="enable">
<input type="submit" value="Submit">
</form>
{{template "tail"}}