Skip to content

Commit 4bc6285

Browse files
authored
Merge pull request #40 from Soohyuniii/Feat--Header-component
feat: Header 컴포넌트 개발
2 parents 3b8ab11 + c3446f5 commit 4bc6285

File tree

2 files changed

+21
-0
lines changed

2 files changed

+21
-0
lines changed

public/icon/share.svg

Lines changed: 3 additions & 0 deletions
Loading

src/components/Header.tsx

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
const Header = () => {
2+
return (
3+
<div className="flex flex-row bg-white border border-gray-100 items-center justify-center w-[500px] h-[56px] relative">
4+
<h1 className="text-[18px] font-bold text-gray-900 absolute left-1/2 transform -translate-x-1/2">
5+
상대방 정보선택
6+
</h1>
7+
<img
8+
src="/public/icon/share.svg"
9+
alt="Share"
10+
className="absolute right-[20px] cursor-pointer"
11+
width={16}
12+
height={16}
13+
/>
14+
</div>
15+
);
16+
};
17+
18+
export default Header;

0 commit comments

Comments
 (0)