fix(frontend): fix 'sticky' info message on edit fields page

This commit is contained in:
sam 2023-08-20 22:50:23 +02:00
parent d97b3f8da1
commit 0595e8d5f5
No known key found for this signature in database
GPG Key ID: B4EF20DDE721CAA1
2 changed files with 6 additions and 6 deletions

View File

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { getContext } from "svelte"; import { getContext } from "svelte";
import type { Writable } from "svelte/store"; import type { Writable } from "svelte/store";
import { Alert, Button, Icon } from "sveltestrap"; import { Button, Icon } from "sveltestrap";
import type { Member } from "$lib/api/entities"; import type { Member } from "$lib/api/entities";
import EditableField from "$lib/components/edit/EditableField.svelte"; import EditableField from "$lib/components/edit/EditableField.svelte";
@ -27,10 +27,10 @@
</script> </script>
{#if $member.fields.length === 0} {#if $member.fields.length === 0}
<Alert class="mt-3" color="secondary" fade={false}> <div class="my-2">
Fields are extra categories you can add separate from names and pronouns.<br /> Fields are extra categories you can add separate from names and pronouns.<br />
For example, you could use them for gender terms, honorifics, or compliments. For example, you could use them for gender terms, honorifics, or compliments.
</Alert> </div>
{/if} {/if}
<div class="grid gap-3"> <div class="grid gap-3">
<div class="row row-cols-1 row-cols-md-2"> <div class="row row-cols-1 row-cols-md-2">

View File

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { getContext } from "svelte"; import { getContext } from "svelte";
import type { Writable } from "svelte/store"; import type { Writable } from "svelte/store";
import { Alert, Button, Icon } from "sveltestrap"; import { Button, Icon } from "sveltestrap";
import type { MeUser } from "$lib/api/entities"; import type { MeUser } from "$lib/api/entities";
import EditableField from "$lib/components/edit/EditableField.svelte"; import EditableField from "$lib/components/edit/EditableField.svelte";
@ -27,10 +27,10 @@
</script> </script>
{#if $user.fields.length === 0} {#if $user.fields.length === 0}
<Alert class="mt-3" color="secondary" fade={false}> <div class="my-2">
Fields are extra categories you can add separate from names and pronouns.<br /> Fields are extra categories you can add separate from names and pronouns.<br />
For example, you could use them for gender terms, honorifics, or compliments. For example, you could use them for gender terms, honorifics, or compliments.
</Alert> </div>
{/if} {/if}
<div class="grid gap-3"> <div class="grid gap-3">
<div class="row row-cols-1 row-cols-md-2"> <div class="row row-cols-1 row-cols-md-2">