Improve ComponentWrapper's mobile responsiveness

This commit is contained in:
e26chiu 2022-12-13 21:46:39 -05:00
parent 49378d0249
commit 84f84233a8
1 changed files with 9 additions and 0 deletions

View File

@ -32,6 +32,7 @@
} }
.wrapperCenter { .wrapperCenter {
composes: sideWrapperCommon;
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
gap: calc(25rem / 16); gap: calc(25rem / 16);
@ -43,6 +44,10 @@
padding: 0 15%; padding: 0 15%;
} }
.wrapperCenter .internalWrapper {
margin: auto;
}
.wrapperNoBodyText { .wrapperNoBodyText {
flex-direction: column; flex-direction: column;
} }
@ -61,6 +66,10 @@
width: 100%; width: 100%;
} }
.wrapperCenter .internalWrapper {
margin: initial;
}
.wrapperCenter { .wrapperCenter {
padding: 0; padding: 0;
} }