aboutsummaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorGabriel Arakaki Giovanini <mail@gabrielgio.me>2023-08-19 16:56:50 +0200
committerGabriel Arakaki Giovanini <mail@gabrielgio.me>2023-08-19 16:56:50 +0200
commit13fd911873a7df311544b1ec916c98ee05c91bbc (patch)
tree9c0f24d9c2c6c8ffabfb9b68e3cb9e72f9f08793 /templates
parent2857052a38c9ad2c5946f6101bf7d37d63235df8 (diff)
downloadlens-13fd911873a7df311544b1ec916c98ee05c91bbc.tar.gz
lens-13fd911873a7df311544b1ec916c98ee05c91bbc.tar.bz2
lens-13fd911873a7df311544b1ec916c98ee05c91bbc.zip
ref: Relayout settings page a bit
Settings was all over the place with its layout. Now it better fits mobile.
Diffstat (limited to 'templates')
-rw-r--r--templates/settings.qtpl84
1 files changed, 42 insertions, 42 deletions
diff --git a/templates/settings.qtpl b/templates/settings.qtpl
index 3d1af81..4439c77 100644
--- a/templates/settings.qtpl
+++ b/templates/settings.qtpl
@@ -10,55 +10,55 @@ type SettingsPage struct {
{% func (p *SettingsPage) Title() %}Settings{% endfunc %}
{% func (p *SettingsPage) Content() %}
-<div class="columns">
- <div class="column is-one-third">
- <form action="/settings/", method="post">
- <div class="field">
- <div class="control">
- <label class="checkbox text-size-2">
- <input type="checkbox" id="showMode" name="showMode" {% if p.Settings.ShowMode %}checked{% endif %}>
- Show File Modes
- </label>
- </div>
- </div>
- <div class="field">
- <div class="control">
- <label class="checkbox text-size-2">
- <input type="checkbox" id="showOwner" name="showOwner" {% if p.Settings.ShowOwner %}checked{% endif %}>
- Show File Owner
- </label>
- </div>
+<div>
+ <h1 class="title text-size-1">Medias</h1>
+ <form action="/settings/", method="post">
+ <div class="field">
+ <div class="control">
+ <label class="checkbox text-size-2">
+ <input type="checkbox" id="showMode" name="showMode" {% if p.Settings.ShowMode %}checked{% endif %}>
+ Show File Modes
+ </label>
</div>
- <div class="field">
- <div class="control">
- <label class="checkbox text-size-2">
- <input type="checkbox" id="preloadVideoMetadata" name="preloadVideoMetadata" {% if p.Settings.PreloadVideoMetadata %}checked{% endif %}>
- Preload video metadata
- </label>
- </div>
+ </div>
+ <div class="field">
+ <div class="control">
+ <label class="checkbox text-size-2">
+ <input type="checkbox" id="showOwner" name="showOwner" {% if p.Settings.ShowOwner %}checked{% endif %}>
+ Show File Owner
+ </label>
</div>
- <div class="field">
- <input class="button" value="save" type="submit">
+ </div>
+ <div class="field">
+ <div class="control">
+ <label class="checkbox text-size-2">
+ <input type="checkbox" id="preloadVideoMetadata" name="preloadVideoMetadata" {% if p.Settings.PreloadVideoMetadata %}checked{% endif %}>
+ Preload video metadata
+ </label>
</div>
- </form>
- </div>
- <div class="column">
+ </div>
+ <div class="field">
+ <input class="button" value="save" type="submit">
+ </div>
+ </form>
+</div>
+<div>
+ <h1 class="title text-size-1">Users</h1>
{% for _, user := range p.Users %}
- <div class="panel-block field">
- <div class="columns wide-column is-gapless is-mobile">
- <div class="column text-size-2">
- {%s user.Username %}
- </div>
- <div class="column text-size-2">
- {%s user.Path %}
- </div>
- <div class="column has-text-right"><a href="/users?userId={%s FromUInttoString(&user.ID) %}">Edit</a> <a href="/users/delete?userId={%s FromUInttoString(&user.ID) %}" class="is-danger">Delete</a></div>
+ <div class="panel-block field">
+ <div class="columns wide-column is-gapless is-mobile">
+ <div class="column text-size-2">
+ {%s user.Username %}
+ </div>
+ <div class="column text-size-2">
+ {%s user.Path %}
</div>
+ <div class="column has-text-right"><a href="/users?userId={%s FromUInttoString(&user.ID) %}">Edit</a> <a href="/users/delete?userId={%s FromUInttoString(&user.ID) %}" class="is-danger">Delete</a></div>
</div>
+ </div>
{% endfor %}
- <div class="field">
- <a href="/users/" class="button">create</a>
- </div>
+ <div class="field">
+ <a href="/users/" class="button">create</a>
</div>
</div>
{% endfunc %}