commit 3c3df2ebb8198f1f325118831994bcedd679defb
parent b1d2a355ce4633a40e07bb4e0204eab1e7847252
Author: Yongbin Kim <iam@yongbin.kim>
Date: Fri, 20 Jan 2023 13:42:24 +0900
fix: 레이아웃 여백 전체적으로 맞도록 수정
Signed-off-by: Yongbin Kim <iam@yongbin.kim>
Diffstat:
8 files changed, 27 insertions(+), 23 deletions(-)
diff --git a/components/layout/Hero.module.css b/components/layout/Hero.module.css
@@ -1 +1 @@
-.hero{display:flex;flex-direction:column;position:relative;padding:4rem 0;overflow:hidden;justify-content:center;background-color:#fafdfa;color:#191c1b}.hero.is-small{min-height:10rem}.hero.is-medium{min-height:15rem}.hero.is-large{min-height:20rem}@media(min-width: 40rem){.hero.is-small{min-height:15rem}.hero.is-medium{min-height:20rem}.hero.is-large{min-height:25rem}}.hero.is-primary{background-color:#58fbda;color:#00201a}.hero.is-secondary{background-color:#f5d9ff;color:#30004a}.hero.is-tertiary{background-color:#c7e7ff;color:#001e2e}.hero.is-error{background-color:#ffdad6;color:#410002}@media(prefers-color-scheme: dark){.hero{background-color:#191c1b;color:#e1e3e0}.hero.is-primary{background-color:#005143;color:#58fbda}.hero.is-secondary{background-color:#61317e;color:#f5d9ff}.hero.is-tertiary{background-color:#2a4a5f;color:#c7e7ff}.hero.is-error{background-color:#93000a;color:#ffdad6}}.hero .hero-body :last-child{margin-bottom:0}.hero .hero-body a[href]{color:inherit;text-decoration:underline}/*# sourceMappingURL=Hero.module.css.map */
+.hero{display:flex;flex-direction:column;position:relative;padding:4rem 0;overflow:hidden;justify-content:center;background-color:#fafdfa;color:#191c1b}.hero.is-small{min-height:10rem}.hero.is-medium{min-height:15rem}.hero.is-large{min-height:20rem}@media(min-width: 40rem){.hero.is-small{min-height:15rem}.hero.is-medium{min-height:20rem}.hero.is-large{min-height:25rem}}.hero.is-primary{background-color:#58fbda;color:#00201a}.hero.is-secondary{background-color:#f5d9ff;color:#30004a}.hero.is-tertiary{background-color:#c7e7ff;color:#001e2e}.hero.is-error{background-color:#ffdad6;color:#410002}@media(prefers-color-scheme: dark){.hero{background-color:#191c1b;color:#e1e3e0}.hero.is-primary{background-color:#005143;color:#58fbda}.hero.is-secondary{background-color:#61317e;color:#f5d9ff}.hero.is-tertiary{background-color:#2a4a5f;color:#c7e7ff}.hero.is-error{background-color:#93000a;color:#ffdad6}}.hero .hero-body{padding:0 2rem}.hero .hero-body :last-child{margin-bottom:0}.hero .hero-body a[href]{color:inherit;text-decoration:underline}/*# sourceMappingURL=Hero.module.css.map */
diff --git a/components/layout/Hero.module.css.map b/components/layout/Hero.module.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["Hero.module.scss","../../styles/core/_responsive.scss","../../styles/core/_colors.scss"],"names":[],"mappings":"AAyBA,MACE,aACA,sBACA,kBACA,QArBQ,OAsBR,gBACA,uBASE,yBACA,cAtBA,eACE,iBADF,gBACE,iBADF,eACE,iBCfF,yBDcA,eACE,iBADF,gBACE,iBADF,eACE,kBAwBA,iBACE,iBEmGM,QFlGN,MEmGS,QFrGX,mBACE,iBEmGM,QFlGN,MEmGS,QFrGX,kBACE,iBEmGM,QFlGN,MEmGS,QFrGX,eACE,iBEmGM,QFlGN,MEmGS,QAjBf,mCFvGF,MAeI,yBACA,cAGE,iBACE,iBEmGM,QFlGN,MEmGS,QFrGX,mBACE,iBEmGM,QFlGN,MEmGS,QFrGX,kBACE,iBEmGM,QFlGN,MEmGS,QFrGX,eACE,iBEmGM,QFlGN,MEmGS,SF7Fb,6BACE,gBAGF,yBACE,cACA","file":"Hero.module.css"}
-\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["Hero.module.scss","../../styles/core/_responsive.scss","../../styles/core/_colors.scss"],"names":[],"mappings":"AA2BA,MACE,aACA,sBACA,kBACA,QAtBQ,OAuBR,gBACA,uBASE,yBACA,cAtBA,eACE,iBADF,gBACE,iBADF,eACE,iBCjBF,yBDgBA,eACE,iBADF,gBACE,iBADF,eACE,kBAwBA,iBACE,iBEiGM,QFhGN,MEiGS,QFnGX,mBACE,iBEiGM,QFhGN,MEiGS,QFnGX,kBACE,iBEiGM,QFhGN,MEiGS,QFnGX,eACE,iBEiGM,QFhGN,MEiGS,QAjBf,mCFrGF,MAeI,yBACA,cAGE,iBACE,iBEiGM,QFhGN,MEiGS,QFnGX,mBACE,iBEiGM,QFhGN,MEiGS,QFnGX,kBACE,iBEiGM,QFhGN,MEiGS,QFnGX,eACE,iBEiGM,QFhGN,MEiGS,SF5Ff,iBACE,QA5CW,OA8CX,6BACE,gBAGF,yBACE,cACA","file":"Hero.module.css"}
+\ No newline at end of file
diff --git a/components/layout/Hero.module.scss b/components/layout/Hero.module.scss
@@ -1,12 +1,14 @@
@use 'sass:list';
@use 'core/colors';
@use 'core/responsive';
+@use 'core/vars';
$xs-height: 10rem;
$sm-height: 15rem;
$md-height: 20rem;
$lg-height: 25rem;
$padding: 4rem 0;
+$body-padding: 0 (vars.$gap * 2);
$_heights: (
// key: (desktop-or-tablet, mobile)
@@ -50,6 +52,8 @@ $_heights: (
}
.hero-body {
+ padding: $body-padding;
+
:last-child {
margin-bottom: 0;
}
diff --git a/pages/users/login.tsx b/pages/users/login.tsx
@@ -17,11 +17,11 @@ export default function LoginPage () {
<Title kind="headline">Login</Title>
</Hero>
- <Section>
- <Container>
+ <Container>
+ <Section>
<LoginForm/>
- </Container>
- </Section>
+ </Section>
+ </Container>
</>
)
}
diff --git a/pages/users/signup/[id].tsx b/pages/users/signup/[id].tsx
@@ -138,8 +138,8 @@ export default function SignUpCompletePage (props: PageProps) {
<Title kind="headline">Sign up</Title>
</Hero>
- <Section>
- <Container>
+ <Container>
+ <Section>
<Fields>
<Field
type="text"
@@ -178,8 +178,8 @@ export default function SignUpCompletePage (props: PageProps) {
disabled={isLoading}
value={'Sign up'}
/>
- </Container>
- </Section>
+ </Section>
+ </Container>
</Form>
)
}
diff --git a/pages/users/signup/index.tsx b/pages/users/signup/index.tsx
@@ -16,11 +16,11 @@ export default function SignUpPage () {
<Title kind="headline">Sign up</Title>
</Hero>
- <Section>
- <Container>
+ <Container>
+ <Section>
<SignUpForm/>
- </Container>
- </Section>
+ </Section>
+ </Container>
</>
)
}
diff --git a/pages/users/signup/sent.tsx b/pages/users/signup/sent.tsx
@@ -10,12 +10,12 @@ export default function SignUpSentPage () {
<Title kind="headline">Sign up</Title>
</Hero>
- <Section>
- <Container>
+ <Container>
+ <Section>
<p>메일을 발송했습니다.</p>
<p>메일의 링크를 클릭하여 계속 진행해주세요.</p>
- </Container>
- </Section>
+ </Section>
+ </Container>
</>
)
}
diff --git a/pages/wiki/new.tsx b/pages/wiki/new.tsx
@@ -19,11 +19,11 @@ export default function WikiNewPage () {
<Title kind="headline">새 위키 만들기</Title>
</Hero>
- <Section>
- <Container>
+ <Container>
+ <Section>
<NewWikiForm/>
- </Container>
- </Section>
+ </Section>
+ </Container>
</>
)
}
