Update errors box to work better in dark theme

This commit is contained in:
Andrew Kingston 2020-12-04 08:27:59 +00:00
parent 1bc339679a
commit 922256790c
1 changed files with 4 additions and 2 deletions

View File

@ -5,9 +5,9 @@
</script> </script>
{#if hasErrors} {#if hasErrors}
<div class="container bb__alert bb__alert--danger"> <div class="container">
{#each errors as error} {#each errors as error}
<div class="error">{error.dataPath} {error.message}</div> <div class="error">{error.dataPath || ''} {error.message}</div>
{/each} {/each}
</div> </div>
{/if} {/if}
@ -17,6 +17,8 @@
border-radius: var(--border-radius-m); border-radius: var(--border-radius-m);
margin: 0; margin: 0;
padding: var(--spacing-m); padding: var(--spacing-m);
background-color: rgba(241, 165, 165, 0.2);
color: var(--red);
} }
.error { .error {