more beautification b/c of bootstrap 5.3

Signed-off-by: Michael Kaufmann <d00p@froxlor.org>
This commit is contained in:
Michael Kaufmann
2023-10-17 14:25:02 +02:00
parent 965e2dfd95
commit 7556685881
6 changed files with 17 additions and 12 deletions

View File

@@ -1,4 +1,11 @@
// wip
.form-control-plaintext {
outline: none;
}
.form-control[readonly] {
background: $body-tertiary-bg;
}
@include color-mode(dark) {
.formfield {
border-bottom: $border-color-dark solid 1px;

View File

@@ -7,14 +7,6 @@
height: 24px;
}
.form-control-plaintext {
outline: none;
}
.form-control[readonly] {
background: rgba(0, 0, 0, .15);
}
.page-header {
margin-bottom: 2rem;

View File

@@ -37,7 +37,7 @@
<div class="col-12 text-center mb-2 d-grid gap-2 d-md-block">
{% if form_data.buttons is defined and form_data.buttons is iterable %}
{% for btn in form_data.buttons %}
<button type="{{ btn.type|default("submit") }}" class="btn btn-lg {{ btn.class|default(" btn-primary") }}">{{ btn.label }}</button>
<button type="{{ btn.type|default("submit") }}" class="btn btn-lg {{ btn.class|default(" btn-primary") }}{% if not loop.last %} me-md-3{% endif %}">{{ btn.label }}</button>
{% endfor %}
{% else %}
<button type="reset" class="btn btn-lg btn-outline-secondary me-md-3">{{ lng('panel.reset') }}</button>

View File

@@ -112,8 +112,8 @@
{{ lng('admin.configfiles.recommendednote') }}
</div>
<div class="col-12 col-md-6 text-end">
<button type="button" class="btn btn-outline-secondary" id="selectRecommendedConfig">{{ lng('admin.configfiles.selectrecommended') }}</button>
<button type="button" class="btn btn-outline-secondary" id="downloadSelectionAsJson">
<button type="button" class="btn btn-outline-secondary me-1" id="selectRecommendedConfig">{{ lng('admin.configfiles.selectrecommended') }}</button>
<button type="button" class="btn btn-outline-secondary me-1" id="downloadSelectionAsJson">
<i class="fa-solid fa-download"></i>
{{ lng('admin.configfiles.downloadselected') }}</button>
<button type="submit" class="btn btn-primary">{{ lng('update.proceed') }}</button>