Alexander/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add Note field in recipe

Browse Source
This commit is contained in:
Alexander Bocken
2023-07-21 00:18:37 +02:00
parent 3796642866
commit 58d2643908
6 changed files with 60 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/lib/components/EditRecipeNote.svelte Normal file
View File

@ -0,0 +1,22 @@
<script lang="ts">
</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>
<h3>Notiz:</h3>
<slot></slot>
</div>

23
src/lib/components/RecipeNote.svelte Normal file
View File

@ -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>

5
src/lib/components/SeasonSelect.svelte
View File

@ -44,6 +44,8 @@ label{
background-color: var(--nord0);
color: white;
padding: 0.25em 1em;
margin-inline: 0.1em;
line-height: 2em;
border-radius: 1000px;
cursor: pointer;
position: relative;
@ -81,7 +83,8 @@ input[type=checkbox]::after
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
gap: min(1rem, 1dvh);
margin-bottom: 1em;
}
</style>