Merge pull request #257 from TEAM-BEAT/fix/#256/Stepper

[Fix/#256] stepper 수정

src/assets/svgs/IconMinus.tsx

@@ -1,7 +1,7 @@
 import type { SVGProps } from "react";
 const SvgIconMinus = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
-    <path stroke="#fff" strokeMiterlimit={10} strokeWidth={1.2} d="M17 12H7" />
+    <path stroke="current" strokeMiterlimit={10} strokeWidth={1.2} d="M17 12H7" />
   </svg>
 );
 export default SvgIconMinus;

src/assets/svgs/IconPlus.tsx

@@ -1,7 +1,7 @@
 import type { SVGProps } from "react";
 const SvgIconPlus = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>
-    <path stroke="#fff" strokeMiterlimit={10} strokeWidth={1.2} d="M12 7v10M17 12H7" />
+    <path stroke="current" strokeMiterlimit={10} strokeWidth={1.2} d="M12 7v10M17 12H7" />
   </svg>
 );
 export default SvgIconPlus;

src/components/commons/stepper/Stepper.styled.ts

@@ -13,20 +13,14 @@ export const StepperWrapper = styled.div`
   border-radius: 6px;
 `;
 
-export const StepperBtn = styled.button`
+export const StepperBtn = styled.button<{ disabled: boolean }>`
   ${Generators.flexGenerator()};
   width: 2.4rem;
   height: 2.4rem;
 
-  color: ${({ theme }) => theme.colors.white};
-
-  cursor: pointer;
-
-  &:disabled {
-    color: ${({ theme }) => theme.colors.gray_500};
+  cursor: ${({ theme, disabled }) => (disabled ? "not-allowed" : "pointer")};
 
-    cursor: not-allowed;
-  }
+  stroke: ${({ theme, disabled }) => (disabled ? theme.colors.gray_500 : theme.colors.white)};
 `;
 
 export const StepperNum = styled.p`

src/components/commons/stepper/Stepper.tsx

@@ -25,7 +25,7 @@ const Stepper = ({ round, max, disabled, onMinusClick, onPlusClick }: StepperPro
       </S.StepperBtn>
       <S.StepperNum>{round}</S.StepperNum>
       <S.StepperBtn
-        disabled={max === 1 || disabled}
+        disabled={max === round || disabled}
         onClick={() => {
           setNum((prev) => prev + 1);
           onPlusClick();