Fix error box styles

This commit is contained in:
Andrew Kingston 2020-10-02 18:49:00 +01:00
parent 3ba591ef77
commit 63d2e77603
1 changed files with 18 additions and 2 deletions

View File

@ -5,9 +5,25 @@
</script> </script>
{#if hasErrors} {#if hasErrors}
<div class="bb__alert bb__alert--danger"> <div class="container bb__alert bb__alert--danger">
{#each errors as error} {#each errors as error}
<div>{error.dataPath} {error.message}</div> <div class="error">{error.dataPath} {error.message}</div>
{/each} {/each}
</div> </div>
{/if} {/if}
<style>
.container {
border-radius: var(--border-radius-m);
margin: 0;
padding: var(--spacing-m);
}
.error {
font-size: var(--font-size-xs);
font-weight: 500;
}
.error:first-letter {
text-transform: uppercase;
}
</style>