diff --git a/src/components/common/CTA_Button.tsx b/src/components/common/CTA_Button.tsx index 4d5194c0..ac09107a 100644 --- a/src/components/common/CTA_Button.tsx +++ b/src/components/common/CTA_Button.tsx @@ -36,7 +36,7 @@ export const CTA_Button = ({ }: CTA_ButtonProps) => { const router = useNavigate(); const baseClass = - "inline-flex items-center justify-center rounded-2xl border shadow-sm active:scale-[0.99]"; + "inline-flex items-center justify-center rounded-2xl border shadow-sm active:scale-[0.99] gap-2"; const sizeClass: Record = { xsmall: "h-[2.875rem] w-[7.5625rem] text-[0.875rem]", small: "h-[3.5rem] w-[7.5625rem]", diff --git a/src/components/photoManage/DropBox.tsx b/src/components/photoManage/DropBox.tsx index 9cc4948b..af35ca7f 100644 --- a/src/components/photoManage/DropBox.tsx +++ b/src/components/photoManage/DropBox.tsx @@ -20,14 +20,8 @@ export function DropBox({ onToggle, onSelect, }: DropBoxProps) { - //선택되면: 왼쪽(흰색)은 옵션 label - //미선택이면: 왼쪽(흰색)은 카테고리 title const leftText = value ? value.label : category.title; - const leftTextClass = value ? "text-neutral-100" : "text-neutral-600"; - - // 선택되면: 오른쪽(회색)은 가격/배수(priceText) - // 미선택이면: placeholder const rightText = value ? value.priceText : category.placeholder; return ( @@ -37,10 +31,9 @@ export function DropBox({ aria-expanded={isOpen} className="w-full" > - {/* 상단 박스(첫번째 스크린샷) */}
-

{leftText}

+

{leftText}

{rightText}

@@ -53,7 +46,6 @@ export function DropBox({
- {/* 펼쳐졌을 때 옵션 리스트 */} {isOpen && (