@@ -43,7 +43,6 @@ export default function CardDetailPage() {
4343
4444 return (
4545 < >
46-
4746 < S . TopContainer >
4847 < S . TopBar >
4948 < S . LeftContainer1 />
@@ -71,55 +70,54 @@ export default function CardDetailPage() {
7170 </ S . BotBar >
7271 </ S . TopContainer >
7372
74- < S . BottomContainer >
75- < S . ConBar > 연락처</ S . ConBar >
76- < S . ContactContainer >
77- < S . InfoBox >
78- < S . UserInfoLabel > 휴대폰</ S . UserInfoLabel >
79- < S . ContactWrapper >
80- < S . UserInfoValue > { data . phone } </ S . UserInfoValue >
81- < S . IconBox >
82- < Icon id = 'message' width = '20' height = '14' />
83- < Icon id = 'call' width = '20' height = '14' />
84- </ S . IconBox >
85- </ S . ContactWrapper >
86- </ S . InfoBox >
87- < S . InfoBox >
88- < S . UserInfoLabel > 이메일</ S . UserInfoLabel >
89- < S . ContactWrapper >
90- < S . UserInfoValue > { data . email } </ S . UserInfoValue >
91- < Icon id = 'mail' width = '20' height = '14' />
92- </ S . ContactWrapper >
93- </ S . InfoBox >
94- < S . InfoBox >
95- < S . UserInfoLabel > 유선전화</ S . UserInfoLabel >
96- < S . ContactWrapper >
97- < S . UserInfoValue > { data . tel } </ S . UserInfoValue >
73+ < S . BottomContainer >
74+ < S . ConBar > 연락처</ S . ConBar >
75+ < S . ContactContainer >
76+ < S . InfoBox >
77+ < S . UserInfoLabel > 휴대폰</ S . UserInfoLabel >
78+ < S . ContactWrapper >
79+ < S . UserInfoValue > { data . phone } </ S . UserInfoValue >
80+ < S . IconBox >
81+ < Icon id = 'message' width = '20' height = '14' />
9882 < Icon id = 'call' width = '20' height = '14' />
99- </ S . ContactWrapper >
100- </ S . InfoBox >
101- < S . InfoBox >
102- < S . UserInfoLabel > 주소</ S . UserInfoLabel >
103- < S . UserInfoValue > { data . address } </ S . UserInfoValue >
104- </ S . InfoBox >
105- </ S . ContactContainer >
106- < S . ConBar > 메모</ S . ConBar >
107- < S . ContactContainer >
108- < S . InfoBox >
109- < S . UserInfoValue > { data . memo } </ S . UserInfoValue >
110- </ S . InfoBox >
111- </ S . ContactContainer >
112- < S . GroupButtonBar > 그룹</ S . GroupButtonBar >
113- < S . GroupButtonBox >
114- < BlueBadge
115- badges = { filteredBadges }
116- activeBadge = { activeBadge }
117- setActiveBadge = { setActiveBadge }
118- fill = '#2d29ff'
119- />
120- </ S . GroupButtonBox >
121- </ S . BottomContainer >
122- </ S . CardDetail >
83+ </ S . IconBox >
84+ </ S . ContactWrapper >
85+ </ S . InfoBox >
86+ < S . InfoBox >
87+ < S . UserInfoLabel > 이메일</ S . UserInfoLabel >
88+ < S . ContactWrapper >
89+ < S . UserInfoValue > { data . email } </ S . UserInfoValue >
90+ < Icon id = 'mail' width = '20' height = '14' />
91+ </ S . ContactWrapper >
92+ </ S . InfoBox >
93+ < S . InfoBox >
94+ < S . UserInfoLabel > 유선전화</ S . UserInfoLabel >
95+ < S . ContactWrapper >
96+ < S . UserInfoValue > { data . tel } </ S . UserInfoValue >
97+ < Icon id = 'call' width = '20' height = '14' />
98+ </ S . ContactWrapper >
99+ </ S . InfoBox >
100+ < S . InfoBox >
101+ < S . UserInfoLabel > 주소</ S . UserInfoLabel >
102+ < S . UserInfoValue > { data . address } </ S . UserInfoValue >
103+ </ S . InfoBox >
104+ </ S . ContactContainer >
105+ < S . ConBar > 메모</ S . ConBar >
106+ < S . ContactContainer >
107+ < S . InfoBox >
108+ < S . UserInfoValue > { data . memo } </ S . UserInfoValue >
109+ </ S . InfoBox >
110+ </ S . ContactContainer >
111+ < S . GroupButtonBar > 그룹</ S . GroupButtonBar >
112+ < S . GroupButtonBox >
113+ < BlueBadge
114+ badges = { filteredBadges }
115+ activeBadge = { activeBadge }
116+ setActiveBadge = { setActiveBadge }
117+ fill = '#2d29ff'
118+ />
119+ </ S . GroupButtonBox >
120+ </ S . BottomContainer >
123121 </ >
124122 ) ;
125123}
0 commit comments