qreastech/MNQ-Catering-y-Evento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix: keep mobile whatsapp cta compact

Browse Source
This commit is contained in:
Manuel
2026-07-21 23:34:04 +02:00
parent 674272caac
commit 87d07d495f
1 changed files with 2 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/components.css
+2 -10
View File
@@ -562,14 +562,7 @@
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
} }
@media (min-width: 30rem) { @media (min-width: 48rem) {
.whatsapp-float {
font-size: 0.65rem;
gap: var(--space-3);
padding: var(--space-3) var(--space-4);
min-width: unset;
min-height: unset;
}
.whatsapp-float span:first-child { .whatsapp-float span:first-child {
position: static; position: static;
width: auto; width: auto;
@@ -578,9 +571,7 @@
clip: auto; clip: auto;
font-size: inherit; font-size: inherit;
} }
}
@media (min-width: 48rem) {
.whatsapp-float { .whatsapp-float {
right: var(--space-8); right: var(--space-8);
bottom: var(--space-8); bottom: var(--space-8);
@@ -589,6 +580,7 @@
font-size: var(--text-label-caps); font-size: var(--text-label-caps);
gap: var(--space-4); gap: var(--space-4);
} }
.whatsapp-float-icon { .whatsapp-float-icon {
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;