feat: Divider 추가

TEAM-BEAT · Jul 11, 2024 · fd28f49 · fd28f49
1 parent eb4e2a0
commit fd28f49
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/pages/book/Book.tsx b/src/pages/book/Book.tsx
@@ -89,6 +89,8 @@ const Book = () => {
         venue={detail.performanceVenue}
         period={detail.performancePeriod}
       />
+      <Divider />
+
       <Select
         selectedValue={selectedValue as number}
         handleRadioChange={handleRadioChange}
@@ -100,6 +102,7 @@ const Book = () => {
         onPlusClick={onPlusClick}
         ticketPrice={detail.ticketPrice}
       />
+
       <BookerInfo bookerInfo={bookerInfo} onChangeBookerInfo={onChangeBookerInfo} />
       <TermCheck isTermChecked={isTermChecked} onClickTermCheck={onClickTermCheck} />
       <FooterContainer>
@@ -149,6 +152,16 @@ const ContentWrapper = styled.div`
   padding: 0 2.4rem;
 `;
 
+const Divider = styled.div`
+  width: 375px;
+  height: 8px;
+  margin-top: 1.6rem;
+
+  background: ${({ theme }) => theme.colors.gray_800};
+  opacity: 0.6;
+  border: 1px s;
+`;
+
 const FooterContainer = styled.div`
   position: sticky;
   bottom: 0;

diff --git a/src/pages/book/components/info/Info.tsx b/src/pages/book/components/info/Info.tsx
@@ -18,7 +18,7 @@ const Info = ({ genre, title, teamName, venue, period }: InfoProps) => {
         <S.InfoPoster $imgsrc={"src/pages/MyRegisterdShow/constants/silkagel.png"} />
 
         <S.InfoTextBox>
-          {/* TODO: 유형에 따라 view 변경 */}
+          {/* TODO: genre에 따라 view 변경 */}
           <S.InfoType>{genre}</S.InfoType>
           <Spacing marginBottom="0.2" />
           <S.InfoTitle>{title}</S.InfoTitle>