Skip to content

Commit 217ded5

Browse files
author
HyojinKim
authored
feat: 🍻 팀원 소개 페이지 꾸미기 (#222)
* feat: 🍻 팀원 소개 페이지 꾸미기 * feat: link tree로 변경
1 parent 3ef43be commit 217ded5

1 file changed

Lines changed: 33 additions & 1 deletion

File tree

src/containers/TeamContainer/TeamContainer.tsx

Lines changed: 33 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,42 @@ const TeamContainer = () => {
88
<StyledTeamContainer>
99
<Header leftExtras={<BackButton />}>팀원 소개</Header>
1010
<img src="/images/beerair_member.png" width="100%" height="auto" alt="비어에어멤버" />
11+
<section>
12+
<h1 className="top-margin">
13+
<a href="https://linktr.ee/beerair" target="_blank" rel="noopener noreferrer">
14+
BeerAir가 더 궁금하시다면 클릭!
15+
</a>
16+
</h1>
17+
</section>
1118
</StyledTeamContainer>
1219
);
1320
};
1421

1522
export default TeamContainer;
1623

17-
const StyledTeamContainer = styled.div``;
24+
const StyledTeamContainer = styled.div`
25+
white-space: pre-line;
26+
& > section {
27+
padding: 0 20px;
28+
29+
& > h1 {
30+
${({ theme }) => theme.fonts.SubTitle1};
31+
}
32+
33+
& > p {
34+
${({ theme }) => theme.fonts.Body1};
35+
font-weight: 400;
36+
}
37+
38+
& > a {
39+
text-decoration: none;
40+
${({ theme }) => theme.fonts.Body1};
41+
color: white;
42+
text-align: center;
43+
}
44+
45+
& > .top-margin {
46+
margin-top: 20px;
47+
}
48+
}
49+
`;

0 commit comments

Comments
 (0)