minor UI fixes

This commit is contained in:
Gani Georgiev
2023-02-26 10:47:00 +02:00
parent cf6d325add
commit 0bb58eb52c
38 changed files with 171 additions and 172 deletions
@@ -61,7 +61,7 @@
<span class="txt" class:txt-hint={isAdminOnly}>
{label}
</span>
<span class="label label-sm" class:label-danger={!isAdminOnly}>
<span class="label label-sm">
{isAdminOnly ? "Admins only" : "Custom rule"}
</span>
@@ -114,6 +114,7 @@
<style>
label .label {
margin: -5px 0;
background: rgba(53, 71, 104, 0.12);
}
.lock-toggle {
position: absolute;
@@ -123,6 +124,6 @@
padding: 10px;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
background: rgba(53, 71, 104, 0.08);
background: rgba(53, 71, 104, 0.09);
}
</style>
@@ -121,35 +121,25 @@
{#if !isSingle}
<div class="col-sm-6">
<Field class="form-field" name="schema.{key}.options.minSelect" let:uniqueId>
<label for={uniqueId}>
<span class="txt">Min select</span>
<i
class="ri-information-line link-hint"
use:tooltip={{
text: "Leave empty for no limit.",
position: "top",
}}
/>
</label>
<input type="number" id={uniqueId} step="1" min="1" bind:value={options.minSelect} />
</Field>
</div>
<div class="col-sm-6">
<Field class="form-field" name="schema.{key}.options.maxSelect" let:uniqueId>
<label for={uniqueId}>
<span class="txt">Max select</span>
<i
class="ri-information-line link-hint"
use:tooltip={{
text: "Leave empty for no limit.",
position: "top",
}}
/>
</label>
<label for={uniqueId}>Min select</label>
<input
type="number"
id={uniqueId}
step="1"
min="1"
placeholder="No min limit"
bind:value={options.minSelect}
/>
</Field>
</div>
<div class="col-sm-6">
<Field class="form-field" name="schema.{key}.options.maxSelect" let:uniqueId>
<label for={uniqueId}>Max select</label>
<input
type="number"
id={uniqueId}
step="1"
placeholder="No max limit"
min={options.minSelect || 2}
bind:value={options.maxSelect}
/>