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

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

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