style: update typography and enhance OrganisationsBlock layout
- 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:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user