fix: wrap hero button in conditional to prevent rendering when empty
This commit is contained in:
+10
-1
@@ -6,8 +6,17 @@
|
||||
</div>
|
||||
<div class="w-full max-w-lg">
|
||||
<p class="lg:pt-0 pt-6 text-xl"><?= $page->heroText() ?></p>
|
||||
<div class="mt-6 flex flex-wrap gap-4 md:mt-8"> <a href="<?= $page->buttonLink() ?>" class="hover:cursor-pointer hover:text-sf_gelb-500" target="_blank"><button class="rounded-button inline-flex gap-3 items-center justify-center whitespace-nowrap transition-all duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none border border-border-primary text-text-primary bg-background-primary px-6 py-3" title="Kontakt" type="button"><?= $page->heroButton() ?></button></a>
|
||||
|
||||
<?php if ($page->heroButton()->isNotEmpty()): ?>
|
||||
<div class="mt-6 flex flex-wrap gap-4 md:mt-8">
|
||||
<a href="<?= $page->buttonLink() ?>" class="hover:cursor-pointer hover:text-sf_gelb-500" target="_blank">
|
||||
<button class="rounded-button inline-flex gap-3 items-center justify-center whitespace-nowrap transition-all duration-200 ease-in-out disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none border border-border-primary text-text-primary bg-background-primary px-6 py-3" title="Kontakt" type="button">
|
||||
<?= $page->heroButton() ?>
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user