rearrange tags

This commit is contained in:
Alexander Bocken 2023-07-14 14:34:15 +02:00
parent 52858e46ff
commit 3497e2b9a5
Signed by: Alexander
GPG Key ID: 1D237BE83F9B05E8

View File

@ -79,6 +79,9 @@ h1{
flex-wrap: wrap;
gap: 1em;
}
.center{
justify-content: center;
}
.tag{
all:unset;
color: var(--nord0);
@ -195,13 +198,18 @@ h4{
}
}
.description{
text-align: center;
margin-bottom: 2em;
margin-top: -0.5em;
}
</style>
<TitleImgParallax src={hero_img_src} {placeholder_src}>
<div class=title>
<a class="icon" href='/rezepte/icon/{data.icon}'>{data.icon}</a>
<h1>{@html data.name}</h1>
{#if data.description && ! data.preamble}
<p>{data.description}</p>
<p class=description>{data.description}</p>
{/if}
{#if data.preamble}
<p>{@html data.preamble}</p>
@ -213,7 +221,7 @@ h4{
{/each}
</div>
<h4>Stichwörter:</h4>
<div class=tags>
<div class="tags center">
{#each data.tags as tag}
<a class=tag href="/rezepte/tag/{tag}">{tag}</a>
{/each}