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