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

15
packages/base/ContentBlocks/ContentElements/card_container/templates/frontend.html
View File

@@ -33,13 +33,20 @@
</div>
</f:else>
</f:if>
<div class="absolute inset-0 bg-black bg-opacity-40 flex items-center justify-center">
<h3 class="text-white text-xl font-bold text-center p-4">{card.header}</h3>
<div class="absolute inset-0 bg-black bg-opacity-40 flex flex-col items-center justify-center">
<div class="w-full">
<h3 class="text-white text-xl font-bold text-center px-4">{card.header}</h3>
</div>
<div class="w-full text-center">
<div class="w-6 h-6 bg-primary text-white rounded-full inline-flex items-center justify-center">
<i class="ci ci-arrow-up-right"></i>
</div>
</div>
</div>
</div>
<div class="card-back absolute w-full h-full backface-hidden rotate-y-180 bg-gray-100 shadow-lg p-6 overflow-y-auto">
<h4 class="text-lg font-semibold mb-2">{card.header}</h4>
<div class="card-back absolute w-full h-full backface-hidden rotate-y-180 bg-light-grey border border-dark-grey p-6">
<h4>{card.header}</h4>
<div class="text-sm">
<f:format.html>{card.bodytext}</f:format.html>
</div>