Skip to content

Commit 8b4c568

Browse files
committed
add style: signin media query
1 parent 13c86ee commit 8b4c568

File tree

1 file changed

+15
-4
lines changed

1 file changed

+15
-4
lines changed

app/lib/pages/signin/style.ts

Lines changed: 15 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,11 @@ export const BackIcon = styled.div`
2020
`;
2121

2222
export const Inner = styled.div`
23-
margin-top: 120px;
23+
margin-top: 60px;
24+
25+
@media (min-height: 800px) {
26+
margin-top: 120px;
27+
}
2428
`;
2529

2630
export const Title = styled.h2`
@@ -33,9 +37,13 @@ export const Title = styled.h2`
3337
`;
3438

3539
export const BtnWrapper = styled.div`
36-
margin-top: 391px;
40+
/* margin-top: 391px; */
3741
position: absolute;
38-
bottom: 120px;
42+
bottom: 60px;
43+
44+
@media (min-height: 800px) {
45+
bottom: 120px;
46+
}
3947
`;
4048

4149
export const SignInBtn = styled.button`
@@ -71,7 +79,10 @@ export const Contents = styled.h6`
7179
`;
7280

7381
export const LinkWrapper = styled(Column)`
74-
margin-top: 90px;
82+
margin-top: 45px;
83+
@media (min-height: 800px) {
84+
margin-top: 90px;
85+
}
7586
`;
7687

7788
export const LinkContents = styled.a`

0 commit comments

Comments
 (0)