Cloonar/dialog-relations-website
2
0
Fork 0
Code Pull Requests Actions Activity

feat: spaces, link colors, card icon, card background and border
Some checks failed
Build / switch-stage (push) Blocked by required conditions
Details
Build / build (push) Successful in 4m22s
Details
Build / deploy-stage (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Dominik Polakovics Polakovics
2025-04-22 22:17:48 +02:00
parent b47c20d2d9
commit 755168d0e6
7 changed files with 36 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/base/ContentBlocks/ContentElements/hero/templates/frontend.html
View File

@@ -50,7 +50,7 @@
<div
class="absolute top-2/3 -translate-y-1/2 right-[-3rem] z-20">
<a href="#next-section"
class="w-24 h-24 text-5xl bg-primary border-8 border-white text-white rounded-full inline-flex items-center justify-center hover:bg-opacity-90">
class="w-24 h-24 text-5xl bg-primary border-8 border-white text-white rounded-full inline-flex items-center justify-center hover:bg-primary-dark hover:text-white">
<span class="sr-only">Scroll down</span>
<i class="ci ci-arrow-down"></i>
</a>
@@ -58,7 +58,7 @@
</div>
<!-- TEXT HALF -->
<div class="order-1 md:order-2 md:w-1/2 flex flex-col justify-center space-y-6 md:pl-24">
<div class="order-1 md:order-2 md:w-1/2 flex flex-col justify-center md:pl-24">
<!-- Desktop: line + intro -->
<div class="hidden md:flex items-center space-x-3">
@@ -74,19 +74,19 @@
</h1>
<!-- Body copy -->
<p class="text-base md:text-lg text-gray-800 max-w-md">
<div class="text-base md:text-lg max-w-md">
<f:format.html>{data.bodytext}</f:format.html>
</p>
</div>
<!-- Social icons -->
<div class="space-x-3">
<a href="#" class="w-6 h-6 md:w-10 md:h-10 bg-primary text-white rounded-full inline-flex items-center justify-center">
<a href="#" class="w-6 h-6 md:w-10 md:h-10 bg-primary text-white rounded-full inline-flex items-center justify-center hover:bg-primary-dark hover:text-white">
<i class="ci ci-linkedin"></i>
</a>
<a href="#" class="w-6 h-6 md:w-10 md:h-10 bg-primary text-white rounded-full inline-flex items-center justify-center">
<a href="#" class="w-6 h-6 md:w-10 md:h-10 bg-primary text-white rounded-full inline-flex items-center justify-center hover:bg-primary-dark hover:text-white">
<i class="ci ci-instagram"></i>
</a>
<a href="#" class="w-6 h-6 md:w-10 md:h-10 bg-primary text-white rounded-full inline-flex items-center justify-center">
<a href="#" class="w-6 h-6 md:w-10 md:h-10 bg-primary text-white rounded-full inline-flex items-center justify-center hover:bg-primary-dark hover:text-white">
<i class="ci ci-facebook"></i>
</a>
</div>