style: update typography and enhance OrganisationsBlock layout
Deploy / verify (push) Successful in 41s
Deploy / deploy (push) Successful in 1m0s

- Changed comment in app.css to reflect German terminology for quotes.
- Added Button component to OrganisationsBlock for improved call-to-action presentation.
- Adjusted button styling and layout in OrganisationsBlock for better responsiveness and visual consistency.
This commit is contained in:
Peter Meier
2026-04-21 13:39:57 +02:00
parent 47cca3abc6
commit bedfe597ab
3 changed files with 13 additions and 6 deletions
@@ -8,6 +8,7 @@
import Card from "$lib/components/Card.svelte";
import Badge from "$lib/components/Badge.svelte";
import RustyImage from "$lib/components/RustyImage.svelte";
import Button from "$lib/ui/Button.svelte";
marked.setOptions({ gfm: true });
@@ -112,23 +113,29 @@
href={addOrganisationCtaLink?.url}
target={addOrganisationCtaLink?.newTab ? "_blank" : undefined}
rel={addOrganisationCtaLink?.newTab ? "noopener noreferrer" : undefined}
class="h-full"
class="h-full w-full max-w-full md:max-w-md"
>
{#if block.addOrganisationTitle}
<h5 class="text-sm font-semibold text-wald-800 leading-snug">{block.addOrganisationTitle}</h5>
<h5 class="text-xl font-semibold text-wald-800 leading-snug">{block.addOrganisationTitle}</h5>
{/if}
{#if ctaHtml}
<div class="markdown text-xs text-wald-700">{@html ctaHtml}</div>
{/if}
{#if addOrganisationCtaLink}
<p class="mb-0 mt-1 text-xs font-medium text-wald-800">{addOrganisationCtaLink.linkName}</p>
<div class="self-start">
<Button variant="primary" size="sm">
{addOrganisationCtaLink.linkName}
</Button>
</div>
{/if}
</Card>
{/snippet}
<div class={layoutClasses} data-block-type="organisations" data-block-slug={block._slug}>
{#if block.headline}
<h3 class={compact ? "mb-2 text-lg font-semibold text-stein-900" : "mb-4"}>{block.headline}</h3>
<h3
class={compact ? "mb-2 text-lg font-semibold text-stein-900" : "mb-4"}
>{block.headline}</h3>
{/if}
{#if carousel}