diff --git a/src/components/quotes/QuoteRegistrationV2.tsx b/src/components/quotes/QuoteRegistrationV2.tsx index f71ab7c9..078c998f 100644 --- a/src/components/quotes/QuoteRegistrationV2.tsx +++ b/src/components/quotes/QuoteRegistrationV2.tsx @@ -282,6 +282,8 @@ export function QuoteRegistrationV2({ vatType: "included", remarks: "[DevFill] 테스트 견적입니다.", status: "draft", + discountRate: 0, + discountAmount: 0, locations: testLocations, }; diff --git a/src/layouts/AuthenticatedLayout.tsx b/src/layouts/AuthenticatedLayout.tsx index 0c9f4680..ddfcd7b1 100644 --- a/src/layouts/AuthenticatedLayout.tsx +++ b/src/layouts/AuthenticatedLayout.tsx @@ -28,6 +28,9 @@ import { Award, Bell, Clock, + Minus, + Plus, + Type, } from 'lucide-react'; import { Input } from '@/components/ui/input'; import { Button } from '@/components/ui/button'; @@ -97,6 +100,29 @@ export default function AuthenticatedLayout({ children }: AuthenticatedLayoutPro const router = useRouter(); const pathname = usePathname(); // 현재 경로 추적 + // 폰트 크기 조절 (12~18px, 기본 16px) + const FONT_SIZES = [12, 13, 14, 15, 16] as const; + const [fontSize, setFontSize] = useState(16); + + useEffect(() => { + // 초기값: localStorage 또는 CSS 변수에서 읽기 + const saved = localStorage.getItem('sam-font-size'); + if (saved) { + const size = parseInt(saved, 10); + if (size >= 12 && size <= 18) { + setFontSize(size); + document.documentElement.style.setProperty('--font-size', `${size}px`); + } + } + }, []); + + const handleFontSizeChange = useCallback((size: number) => { + const clamped = Math.max(12, Math.min(18, size)); + setFontSize(clamped); + document.documentElement.style.setProperty('--font-size', `${clamped}px`); + localStorage.setItem('sam-font-size', String(clamped)); + }, []); + // 확장된 서브메뉴 관리 (기본적으로 sales, master-data 확장) const [expandedMenus, setExpandedMenus] = useState(['sales', 'master-data']); @@ -1151,6 +1177,54 @@ export default function AuthenticatedLayout({ children }: AuthenticatedLayoutPro {/* 구분선 */}
+ {/* 글자 크기 조절 */} +
+
+ + 글자 크기 + {fontSize}px +
+
+ +
+ {FONT_SIZES.map((size) => ( + + ))} +
+ +
+
+ + {/* 구분선 */} +
+ {/* 로그아웃 */}