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