chore: order 아이템 정렬 재배치

bariBari23 · Jul 7, 2023 · fcf27aa · fcf27aa
1 parent 72a8a96
commit fcf27aa
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 6 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/baribari/src/App.tsx b/baribari/src/App.tsx
@@ -47,7 +47,6 @@ const Container = styled.div`
     justify-content: center;
     margin: auto;
 @media ${props => props.theme.tablet}{
-    
 }
 `
 

diff --git a/baribari/src/page/Order.tsx b/baribari/src/page/Order.tsx
@@ -21,13 +21,13 @@ export default function Order(){
                 <InfoBox style={{height: '201px', padding: '24px 16px 24px 16px'}}>
                     <div style={{fontSize: '18px', fontWeight: '700', lineHeight: '28px', marginBottom: '20px'}}>픽업 시간</div>
                     <div style={{display: 'flex', flexDirection: 'row'}}>
-                        <div style={{width: '147px', display: 'flex', flexDirection: 'column'}}>
+                        <div style={{width: '50%', display: 'flex', flexDirection: 'column'}}>
                             <div style={{display: 'flex', paddingBottom: '20px'}}><CheckBox type = 'radio' name='time' value = '8'/><TimeBox>8:00 ~ 9:00</TimeBox></div>
                             <div style={{display: 'flex', paddingBottom: '20px'}}><CheckBox type = 'radio' name='time' value = '8'/><TimeBox>9:00 ~ 10:00</TimeBox></div>
                             <div style={{display: 'flex', paddingBottom: '20px'}}><CheckBox type = 'radio' name='time' value = '8'/><TimeBox>10:00 ~ 11:00</TimeBox></div>
                             <div style={{display: 'flex'}}><CheckBox type = 'radio' name='time' value = '8'/><TimeBox>11:00 ~ 12:00</TimeBox></div>
                         </div>
-                        <div style={{width: '147px', display: 'flex', alignItems: 'center', flexDirection: 'column'}}>
+                        <div style={{width: '50%', display: 'flex', flexDirection: 'column'}}>
                             <div style={{display: 'flex', paddingBottom: '20px'}}><CheckBox type = 'radio' name='time' value = '8'/><TimeBox>12:00 ~ 13:00</TimeBox></div>
                             <div style={{display: 'flex', paddingBottom: '20px'}}><CheckBox type = 'radio' name='time' value = '8'/><TimeBox>13:00 ~ 14:00</TimeBox></div>
                             <div style={{display: 'flex'}}><CheckBox type = 'radio' name='time' value = '8'/><TimeBox>14:00 ~ 15:00</TimeBox></div>
@@ -43,9 +43,6 @@ export default function Order(){
                 </div>
                 </InfoBox>
                 <InfoBox style={{paddingBottom: '30px'}}>
-                    <ListBox>
-
-                    </ListBox>
                 </InfoBox>
                 <AddBtn>19,000원 결제하기</AddBtn>
             </InsideBox>
-Original file line number
+Diff line change
@@ Expand Up / @@ -47,7 +47,6 @@ const Container = styled.div` @@
         justify-content: center;
         margin: auto;
     @media ${props => props.theme.tablet}{
     }
     `
@@ Expand Down @@