Merge pull request #253 from SOPT-all/design/#252/time-selector-fix

[Design] timeSelector 수정
SOPT-all · Jan 23, 2025 · 63722da · 63722da
2 parents 56ee47c + d1152f3
commit 63722da
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/...pages/instructor/classRegister/components/ClassSchedule/TimeStep/TimeControl/index.css.ts b/...pages/instructor/classRegister/components/ClassSchedule/TimeStep/TimeControl/index.css.ts
@@ -7,7 +7,7 @@ export const buttonStyle = style({
   justifyContent: 'center',
   alignItems: 'center',
 
-  width: '10.5rem',
+  width: '100%',
   height: '3.2rem',
   padding: '0rem 1rem',
 
@@ -21,7 +21,7 @@ export const timeValueWrapperStyle = style({
   justifyContent: 'center',
   alignItems: 'center',
 
-  width: '10.5rem',
+  width: '100%',
   padding: '1.2rem 1rem',
 
   borderRadius: '4px',

diff --git a/src/pages/instructor/classRegister/components/ClassSchedule/TimeStep/TimeControl/index.tsx b/src/pages/instructor/classRegister/components/ClassSchedule/TimeStep/TimeControl/index.tsx
@@ -10,7 +10,7 @@ interface TimeControlProps {
   onDecrease: () => void;
 }
 const TimeControl = ({ label, value, onIncrease, onDecrease }: TimeControlProps) => (
-  <Flex direction="column" align="center" gap="0.4rem">
+  <Flex direction="column" width="100%" align="center" gap="0.4rem">
     <button onClick={onIncrease} className={styles.buttonStyle}>
       <IcArrowUpGray1032 width={'3.2rem'} />
     </button>

diff --git a/src/pages/instructor/classRegister/components/ClassSchedule/TimeStep/index.tsx b/src/pages/instructor/classRegister/components/ClassSchedule/TimeStep/index.tsx
@@ -31,12 +31,12 @@ const TimeStep = ({
   };
 
   return (
-    <Flex direction="column" paddingLeft="2rem" paddingRight="2rem">
+    <Flex direction="column">
       <Head level="h2" tag="h6">
         클래스 시작 시간
       </Head>
 
-      <Flex justify="center" gap="1rem" paddingTop="1.6rem" paddingBottom="2.4rem">
+      <Flex justify="center" gap="1rem" paddingTop="1.6rem" paddingBottom="2.4rem" width="100%">
         <TimeControl
           label="hour"
           value={hour}