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

fix(SW-369): center on mobile

Browse Source
This commit is contained in:
Chuma McPhoy
2024-10-18 09:47:21 +02:00
parent df2203b97f
commit 5e3b2fb8fa
2 changed files with 20 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/Sidebar/JoinLoyalty/index.tsx
View File

@@ -32,7 +32,11 @@ export default async function JoinLoyaltyContact({
{block.title} {block.title}
</Title> </Title>
<ScandicFriends color="red" /> <ScandicFriends color="red" />
{block.preamble ? <Body>{block.preamble}</Body> : null} {block.preamble ? (
<Body textAlign={null} className={styles.preamble}>
{block.preamble}
</Body>
) : null}
{block.button ? ( {block.button ? (
<Button <Button
asChild asChild

15
components/Sidebar/JoinLoyalty/joinLoyalty.module.css
View File

@@ -3,6 +3,11 @@
gap: var(--Spacing-x3); gap: var(--Spacing-x3);
padding-bottom: var(--Spacing-x5); padding-bottom: var(--Spacing-x5);
padding-top: var(--Spacing-x4); padding-top: var(--Spacing-x4);
justify-items: center;
}
.preamble {
text-align: center;
} }
.loginContainer { .loginContainer {
@@ -22,3 +27,13 @@
.icon { .icon {
align-self: center; align-self: center;
} }
@media screen and (min-width: 1367px) {
.wrapper {
justify-items: start;
}
.preamble {
text-align: left;
}
}