scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-369): display contact section in loyalty sidebar on mobile

Browse Source
This commit is contained in:
Chuma McPhoy
2024-10-25 13:58:34 +02:00
parent ba30e2fe08
commit 830727f20d
1 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/Sidebar/JoinLoyalty/Contact/contact.module.css
View File

@@ -1,8 +1,3 @@
.contactContainer {
display: none;
}
@media screen and (min-width: 1367px) {
.contactContainer { .contactContainer {
border-top: 1px solid var(--UI-Grey-30); border-top: 1px solid var(--UI-Grey-30);
display: flex; display: flex;
@@ -10,10 +5,25 @@
gap: var(--Spacing-x2); gap: var(--Spacing-x2);
justify-content: center; justify-content: center;
padding-top: var(--Spacing-x2); padding-top: var(--Spacing-x2);
align-items: center;
} }
.contact { .contact {
display: grid; display: grid;
gap: var(--Spacing-x-one-and-half); gap: var(--Spacing-x-one-and-half);
} }
.contact > div {
display: flex;
justify-content: center;
}
@media screen and (min-width: 1367px) {
.contactContainer {
align-items: start;
}
.contact > div {
justify-content: start;
}
} }