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

functioning Add recipe (not submitting) missing: season

Browse Source 
modals partly stylized
add steps stylized
This commit is contained in:
Alexander Bocken
2023-06-22 20:26:48 +02:00
parent 24619de64e
commit 4afaf7f6f3
9 changed files with 555 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/lib/components/CardAdd.svelte
View File

@ -1,4 +1,7 @@
<script lang="ts">
import Cross from '$lib/assets/icons/Cross.svelte'
export let tags:string[] = []
let new_tag
@ -208,9 +211,16 @@ input::placeholder{
padding-inline: 0.5em;
padding-block: 0.2em;
}
.card .name:hover{
color:var(--nord0);
}
.card .description{
padding-inline: 1em;
color: var(--nord4);
width: calc(300px - 2em); /*??*/
}
.card .description:hover{
color: var(--nord0);
}
.card .tags{
display: flex;
@ -322,13 +332,15 @@ input::placeholder{
<div class=card href="" >
<input class=icon placeholder=😀/>
{#if image_preview_url}
<img src={image_preview_url} class=img_preview width=300px height=300px />
{/if}
<div class=img_label_wrapper>
{#if image_preview_url}
<button class=delete on:click={remove_selected_images}><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512">><path d="M135.2 17.7L128 32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8c-12.1 0-23.2 6.8-28.6 17.7zM416 128H32L53.2 467c1.6 25.3 22.6 45 47.9 45H346.9c25.3 0 46.3-19.7 47.9-45L416 128z"/></svg>
<button class=delete on:click={remove_selected_images}>
<Cross fill=white style="width:2rem;height:2rem;"></Cross>
</button>
{/if}
@ -351,4 +363,5 @@ input::placeholder{
<div class="tag input_wrapper"><span class=input>+</span><input class="tag_input" type="text" on:keypress={add_on_enter} on:focusout={add_to_tags} size="1" bind:value={new_tag} placeholder=Stichwort...></div>
</div>
</div>
</div>