add Note field in recipe

2023-07-21 00:18:37 +02:00
parent 3796642866
commit 58d2643908
6 changed files with 60 additions and 4 deletions
--- a/src/lib/components/RecipeNote.svelte
+++ b/src/lib/components/RecipeNote.svelte
@ -0,0 +1,23 @@
+<script lang="ts">
+	export let note : string;
+</script>
+<style>
+div{
+	background-color: var(--red);
+	color: white;
+	padding: 1em;
+	font-size: 1.1rem;
+	max-width: 400px;
+	margin-inline: auto;
+	box-shadow: 0.2em 0.2em 0.5em 0.1em rgba(0, 0, 0, 0.3);
+	margin-bottom: 1em;
+}
+h3{
+	margin-block: 0;
+}
+</style>
+
+<div {...$$restProps} >
+	<h3>Notiz:</h3>
+	{@html note}
+</div>