rearrange tags
This commit is contained in:
parent
52858e46ff
commit
3497e2b9a5
@ -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}
|
||||||
|
Loading…
Reference in New Issue
Block a user