george/borg-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add shadows and set overflow correctly

Browse Source
This commit is contained in:
George Lacey 2021-05-10 15:35:18 +01:00
parent ca147b1567
commit 9270efeadf
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
borgweb/borg/templates/borg/index.html
View File

@ -25,22 +25,22 @@
{% if repo_list %}
<div class="container mx-auto d-flex justify-content-center flex-wrap overflow-hidden">
{% for repo in repo_list %}
<div style="width: 500px;" class="rounded bg-primary
<div style="width: 500px;" class="shadow rounded bg-primary overflow-hidden
{% if not repo.archive_after_latest_error %}bg-danger{% endif %}">
<div class="row me-1 overflow-hidden text-truncate">
<h2>{{ repo.label }}
<small class="text-muted"> {{ repo.location }}</small>
</h2>
</div>
<dl class="row px-3 overflow-hidden">
<dl class="row ps-3 overflow-hidden">
<dt class="col-3">Latest backup:</dt>
<dd class="col-9">{{ repo.last_backup }}</dd>
</dl>
<dl class="row px-3">
<dl class="row ps-3 overflow-hidden" >
<dt class="col-3">Hourly backups:</dt>
<dd class="col-9">{{ repo.hourly_archive_string }}</dd>
</dl>
<dl class="row px-3">
<dl class="row ps-3 overflow-hidden">
<dt class="col-3">Size:</dt>
<dd class="col-9">{{ repo.size_string }}</dd>
</dl>
@ -49,7 +49,7 @@
<dt class="col-12 h4">Recent errors:</dt>
</dl>
{% endif %}
<dl class="row px-3">
<dl class="row ps-3">
{% for error in repo.recent_errors %}
<dt class="col-3">{{ error.time_ago }}</dt>
<dd class="col-9 text-truncate">{{ error.error }}</dd>
@ -57,7 +57,7 @@
</dl>
</div>
{% endfor %}
<div style="width: 500px;" class="rounded bg-primary">
<div style="width: 500px;" class="shadow rounded bg-primary overflow-hidden">
<canvas id="backup_csize_hourly" width="400" height="200"></canvas>
</div>
{% else %}

6
borgweb/templates/registration/login.html
View File

@ -31,21 +31,21 @@
<!-- <img class="mb-4" src="" alt="" width="" height="">-->
<h1 class="h1 mb-4 fw-regular">Log in</h1>
<div class="form-floating my-2">
<div class="shadow form-floating my-2">
<input class="form-control" placeholder="Username" type="text" name="username" autofocus=""
autocapitalize="none" autocomplete="username"
maxlength="150" required="" id="{{ form.username.id_for_label }}">
<label for="{{ form.username.id_for_label }}">Username</label>
</div>
<div class="form-floating mb-4">
<div class="shadow form-floating mb-4">
<input class="form-control" placeholder="Password" type="password" name="password"
autocomplete="current-password" required=""
id="{{ form.password.id_for_label }}">
<label for="{{ form.password.id_for_label }}">Password</label>
</div>
<button class="w-100 btn btn-lg btn-primary" type="submit">Log In</button>
<button class="shadow w-100 btn btn-lg btn-info" type="submit">Log In</button>
</form>
</div>
</main>