colin
/
pocketbase
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added errors slide transition

This commit is contained in:
Gani Georgiev 2023-03-04 13:06:15 +02:00
parent e8d61e7b45
commit 01f0af7af6
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
ui/src/components/base/Field.svelte
View File

@ -1,5 +1,6 @@
<script> <script>
import { onMount } from "svelte"; import { onMount } from "svelte";
import { slide } from "svelte/transition";
import { errors, removeError } from "@/stores/errors"; import { errors, removeError } from "@/stores/errors";
import CommonHelper from "@/utils/CommonHelper"; import CommonHelper from "@/utils/CommonHelper";
@ -38,7 +39,7 @@
<slot {uniqueId} /> <slot {uniqueId} />
{#each fieldErrors as error} {#each fieldErrors as error}
<div class="help-block help-block-error"> <div class="help-block help-block-error" transition:slide|local={{ duration: 150 }}>
{#if typeof error === "object"} {#if typeof error === "object"}
<pre>{error?.message || error?.code || defaultError}</pre> <pre>{error?.message || error?.code || defaultError}</pre>
{:else} {:else}

2
ui/src/scss/_alert.scss
View File

@ -34,7 +34,7 @@
color: var(--txtHintColor); color: var(--txtHintColor);
} }
.close { .close {
$size: 30px; $size: 28px;
display: inline-flex; display: inline-flex;
margin-right: -5px; margin-right: -5px;
width: $size; width: $size;