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

fix: make social icons in the hero element smaller on mobile

Browse source
This commit is contained in:
Dominik Polakovics Polakovics 2024-12-14 02:21:32 +01:00
parent 58d041c473
commit 78bffc5b46
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
packages/base/ContentBlocks/ContentElements/hero/assets/frontend.css
View file

@ -7,7 +7,6 @@
background: url('../../../Images/background.jpg') repeat;
}
.frame-type-cloonar_hero + .frame {
margin-top: -10rem;
}
@ -59,17 +58,17 @@
display: flex;
gap: 0.5rem;
margin-bottom: 1rem;
}
/* Smaller icons on mobile */
.frame-type-cloonar_hero .social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--bs-primary);
color: var(--bs-yellow);
font-size: 1.5rem;
padding: 2.375rem;
font-size: 1rem;
padding: 1rem;
text-decoration: none;
border-radius: 50%;
transition: background 0.3s;
@ -115,6 +114,7 @@
width: 2.5rem;
height: 2rem;
font-size: 2rem;
padding: 2.375rem;
}
.frame-type-cloonar_hero .hero-image {