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

feat: change button hover, change small textimage design

Browse Source
This commit is contained in:
Dominik Polakovics Polakovics
2024-12-17 16:03:34 +01:00
parent 6f9ed95263
commit 911c228322
6 changed files with 15 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/base/ContentBlocks/ContentElements/hero/assets/frontend.css
View File

@@ -65,8 +65,6 @@
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--bs-primary);
color: var(--bs-yellow);
font-size: 1rem;
padding: 1rem;
text-decoration: none;
@@ -74,10 +72,6 @@
transition: background 0.3s;
}
.frame-type-cloonar_hero .social-icon:hover {
background: var(--bs-primary-light);
}
.frame-type-cloonar_hero .hero-image-wrapper {
margin-top: 1rem;
align-self: flex-end;

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

@@ -14,8 +14,8 @@
<f:format.html>{data.bodytext}</f:format.html>
</div>
<div class="hero-social-icons">
<a href="https://www.instagram.com/lena.ats/" target="_blank" aria-label="Lena Schillings Instagram" class="social-icon"><i class="ci ci-instagram"></i></a>
<a href="https://www.tiktok.com/@dieschilling" target="_blank" aria-label="Lena Schillings TikTok" class="social-icon"><i class="ci ci-tiktok"></i></a>
<a href="https://www.instagram.com/lena.ats/" target="_blank" aria-label="Lena Schillings Instagram" class="btn social-icon"><i class="ci ci-instagram"></i></a>
<a href="https://www.tiktok.com/@dieschilling" target="_blank" aria-label="Lena Schillings TikTok" class="btn social-icon"><i class="ci ci-tiktok"></i></a>
</div>
<div class="hero-image-wrapper">
<f:if condition="{data.image}">