From 590ae8fbb78915e949fbd0c2ac3256be352c49f6 Mon Sep 17 00:00:00 2001
From: SeongHyun Kim <kksh7842@gmail.com>
Date: Thu, 26 Mar 2026 18:09:43 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20pop-work-detail=20=EB=B2=84=ED=8A=BC/?=
 =?UTF-8?q?=EC=9E=85=EB=A0=A5=20=ED=81=AC=EA=B8=B0=20=EC=9B=90=EB=B3=B5=20?=
 =?UTF-8?q?(design-v2-final)=20-=20DESIGN.button.height:=2056=20=E2=86=92?=
 =?UTF-8?q?=2060=20=EC=9B=90=EB=B3=B5=20-=20DESIGN.input.height:=2056=20?=
 =?UTF-8?q?=E2=86=92=2052=20=EC=9B=90=EB=B3=B5=20-=20GlossyButton=20defaul?=
 =?UTF-8?q?t=20minHeight:=2056=20=E2=86=92=2060,=20fontSize:=2020=20?=
 =?UTF-8?q?=E2=86=92=2018=20-=20=ED=83=80=EC=9D=B4=EB=A8=B8=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC(=EC=8B=9C=EC=9E=91/=EC=9D=BC=EC=8B=9C=EC=A0=95?=
 =?UTF-8?q?=EC=A7=80/=EC=9E=AC=EA=B0=9C/=EC=99=84=EB=A3=8C):=20minHeight?=
 =?UTF-8?q?=2056=20=E2=86=92=2048,=20fontSize=2020=20=E2=86=92=2016=20?=
 =?UTF-8?q?=EC=9B=90=EB=B3=B5=20-=20GroupCompleteButton:=20minHeight=2056?=
 =?UTF-8?q?=20=E2=86=92=2064,=20fontSize=2020=20=E2=86=92=2018=20=EC=9B=90?=
 =?UTF-8?q?=EB=B3=B5=20-=20InspectNumericInput=20=EC=A0=80=EC=9E=A5?=
 =?UTF-8?q?=EB=B2=84=ED=8A=BC:=20minHeight=2056=20=E2=86=92=2048,=20fontSi?=
 =?UTF-8?q?ze=2020=20=E2=86=92=2016=20-=20InspectNumericInput=20=EC=9E=85?=
 =?UTF-8?q?=EB=A0=A5=ED=95=84=EB=93=9C:=20height=2056=20=E2=86=92=2048=20-?=
 =?UTF-8?q?=20InspectSelectInput=20=EB=B2=84=ED=8A=BC:=20minHeight=2056=20?=
 =?UTF-8?q?=E2=86=92=2052,=20fontSize=2020=20=E2=86=92=2016=20-=20InspectT?=
 =?UTF-8?q?extInput=20=EC=9E=85=EB=A0=A5/=EB=B2=84=ED=8A=BC:=20height=2056?=
 =?UTF-8?q?=20=E2=86=92=2048,=20fontSize=2020=20=E2=86=92=2015=20-=20Mater?=
 =?UTF-8?q?ialInputOnly=20=EC=9E=85=EB=A0=A5/=EB=B2=84=ED=8A=BC:=20height?=
 =?UTF-8?q?=2056=20=E2=86=92=2048,=20fontSize=2020=20=E2=86=92=2015=20-=20?=
 =?UTF-8?q?ResultInputOnly=20=EC=9E=85=EB=A0=A5/=EB=B2=84=ED=8A=BC:=20heig?=
 =?UTF-8?q?ht=2056=20=E2=86=92=2044,=20fontSize=2020=20=E2=86=92=2015=20-?=
 =?UTF-8?q?=20CheckInputOnly=20=EC=B2=B4=ED=81=AC=EB=B0=95=EC=8A=A4:=20h-1?=
 =?UTF-8?q?0=20w-10=20=E2=86=92=20h-8=20w-8=20-=20ProcedureInputOnly=20?=
 =?UTF-8?q?=EC=B2=B4=ED=81=AC=EB=B0=95=EC=8A=A4:=20h-10=20w-10=20=E2=86=92?=
 =?UTF-8?q?=20h-5=20w-5=20-=20InputOnlyItem=20=EC=9E=85=EB=A0=A5=ED=95=84?=
 =?UTF-8?q?=EB=93=9C:=20height=2056=20=E2=86=92=2048=20-=20O/X=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC(InspectOXInput):=2056px,=2020px=20=EC=9C=A0=EC=A7=80?=
 =?UTF-8?q?=20(=EB=B3=80=EA=B2=BD=20=EC=97=86=EC=9D=8C)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PopWorkDetailComponent.tsx                | 40 +++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/frontend/lib/registry/pop-components/pop-work-detail/PopWorkDetailComponent.tsx b/frontend/lib/registry/pop-components/pop-work-detail/PopWorkDetailComponent.tsx
index 7d5e1ab8..b20c2830 100644
--- a/frontend/lib/registry/pop-components/pop-work-detail/PopWorkDetailComponent.tsx
+++ b/frontend/lib/registry/pop-components/pop-work-detail/PopWorkDetailComponent.tsx
@@ -140,7 +140,7 @@ const DEFAULT_CFG: PopWorkDetailConfig = {
 
 const DESIGN = {
   button: { height: 60, minWidth: 130 },
-  input: { height: 56 },
+  input: { height: 52 },
   stat: { valueSize: 40, labelSize: 16, weight: 700 },
   section: { titleSize: 16, gap: 16 },
   tab: { height: 52 },
@@ -236,7 +236,7 @@ function GlossyButton({
       style={{
         ...glossyBase,
         ...variantStyle,
-        minHeight: DESIGN.button.height,
+        minHeight: 60,
         minWidth: DESIGN.button.minWidth,
         fontSize: 18,
         ...style,
@@ -2455,7 +2455,7 @@ function GroupCompleteButton({
     return (
       <div
         className="flex items-center justify-center gap-2 rounded-2xl border-2 border-green-400 bg-green-50"
-        style={{ width: '100%', minHeight: 64, fontSize: 20, color: '#16a34a', borderRadius: 16 }}
+        style={{ width: '100%', minHeight: 64, fontSize: 18, color: '#16a34a', borderRadius: 16 }}
       >
         <Check className="h-6 w-6" />
         작업완료됨
@@ -2479,7 +2479,7 @@ function GroupCompleteButton({
             setConfirmOpen(false);
             onComplete();
           }}
-          style={{ flex: 2, minHeight: 64, fontSize: 20, borderRadius: 16 }}
+          style={{ flex: 2, minHeight: 64, fontSize: 18, borderRadius: 16 }}
         >
           <Check className="h-6 w-6" />
           정말 작업완료
@@ -2500,7 +2500,7 @@ function GroupCompleteButton({
           onNavigateNext();
         }
       }}
-      style={{ width: '100%', minHeight: 64, fontSize: 20, borderRadius: 16 }}
+      style={{ width: '100%', minHeight: 64, fontSize: 18, borderRadius: 16 }}
     >
       <svg className="h-6 w-6" fill="none" stroke="currentColor" strokeWidth={2.5} viewBox="0 0 24 24">
         <path strokeLinecap="round" strokeLinejoin="round" d="M5 13l4 4L19 7" />
@@ -2638,7 +2638,7 @@ function InspectNumericInput({ item, disabled, saving, onSave }: { item: WorkRes
       <input
         type="number"
         className="rounded-xl border-2 border-gray-200 text-center font-bold transition-colors focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-100"
-        style={{ width: 140, height: 52, fontSize: 24, color: item.is_passed === "Y" ? '#16a34a' : item.is_passed === "N" ? '#dc2626' : '#1f2937' }}
+        style={{ width: 140, height: 48, fontSize: 22, color: item.is_passed === "Y" ? '#16a34a' : item.is_passed === "N" ? '#dc2626' : '#1f2937' }}
         value={inputVal}
         onChange={(e) => setInputVal(e.target.value)}
         onBlur={handleSave}
@@ -2807,7 +2807,7 @@ function InputOnlyItem({ item, disabled, saving, onSave }: { item: WorkResultRow
       <input
         type={inputType}
         className="flex-1 rounded-xl border-2 border-gray-200 px-3 text-center font-semibold transition-colors focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-100"
-        style={{ height: 48, fontSize: 18 }}
+        style={{ height: 48, fontSize: 16 }}
         value={inputVal}
         onChange={(e) => setInputVal(e.target.value)}
         onBlur={handleBlur}
@@ -2827,7 +2827,7 @@ function ProcedureInputOnly({ item, disabled, saving, onSave }: { item: WorkResu
       <Checkbox
         checked={checked}
         disabled={disabled}
-        className="h-8 w-8"
+        className="h-5 w-5"
         onCheckedChange={(v) => {
           onSave(item.id, v ? "Y" : "N", null, v ? "completed" : "pending");
         }}
@@ -2850,7 +2850,7 @@ function MaterialInputOnly({ item, disabled, saving, onSave }: { item: WorkResul
     <>
       <input
         className="flex-1 rounded-xl border-2 border-gray-200 px-3 transition-colors focus:border-blue-400 focus:outline-none focus:ring-2 focus:ring-blue-100"
-        style={{ height: 48, fontSize: 16 }}
+        style={{ height: 48, fontSize: 15 }}
         value={inputVal}
         onChange={(e) => setInputVal(e.target.value)}
         onKeyDown={(e) => e.key === "Enter" && handleSubmit()}
@@ -2881,11 +2881,11 @@ function ResultInputOnly({ item, disabled, saving, onSave }: { item: WorkResultR
     <>
       <div className="flex items-center gap-1.5">
         <span className="text-gray-500" style={{ fontSize: 14 }}>양품</span>
-        <input type="number" className="w-20 rounded-lg border-2 border-gray-200 px-2 text-center font-bold" style={{ height: 44, fontSize: 18 }} value={good} onChange={(e) => setGood(e.target.value)} disabled={disabled} placeholder="0" />
+        <input type="number" className="w-20 rounded-lg border-2 border-gray-200 px-2 text-center font-bold" style={{ height: 44, fontSize: 16 }} value={good} onChange={(e) => setGood(e.target.value)} disabled={disabled} placeholder="0" />
       </div>
       <div className="flex items-center gap-1.5">
         <span className="text-gray-500" style={{ fontSize: 14 }}>불량</span>
-        <input type="number" className="w-20 rounded-lg border-2 border-red-200 px-2 text-center font-bold text-red-600" style={{ height: 44, fontSize: 18 }} value={defect} onChange={(e) => setDefect(e.target.value)} disabled={disabled} placeholder="0" />
+        <input type="number" className="w-20 rounded-lg border-2 border-red-200 px-2 text-center font-bold text-red-600" style={{ height: 44, fontSize: 16 }} value={defect} onChange={(e) => setDefect(e.target.value)} disabled={disabled} placeholder="0" />
       </div>
       <GlossyButton variant="blue" onClick={handleSave} disabled={disabled} style={{ minHeight: 44, minWidth: 80, fontSize: 15 }}>
         등록
@@ -2906,7 +2906,7 @@ function CheckItem({ item, disabled, saving, onSave }: { item: WorkResultRow; di
       <Checkbox
         checked={checked}
         disabled={disabled}
-        className="h-5 w-5"
+        className="h-8 w-8"
         onCheckedChange={(v) => {
           const val = v ? "Y" : "N";
           onSave(item.id, val, v ? "Y" : "N", v ? "completed" : "pending");
@@ -3007,7 +3007,7 @@ function InspectOX({ item, disabled, saving, onSave }: { item: WorkResultRow; di
           size="sm"
           variant={currentValue === "OK" ? "default" : "outline"}
           className={cn("gap-1.5 px-6 font-medium", currentValue === "OK" && "bg-green-600 hover:bg-green-700")}
-          style={{ height: `${DESIGN.button.height}px`, fontSize: `${DESIGN.section.titleSize}px` }}
+          style={{ height: `${DESIGN.button.height}px`, fontSize: 20 }}
           disabled={disabled}
           onClick={() => handleSelect("OK")}
         >
@@ -3017,7 +3017,7 @@ function InspectOX({ item, disabled, saving, onSave }: { item: WorkResultRow; di
           size="sm"
           variant={currentValue === "NG" ? "default" : "outline"}
           className={cn("gap-1.5 px-6 font-medium", currentValue === "NG" && "bg-red-600 hover:bg-red-700")}
-          style={{ height: `${DESIGN.button.height}px`, fontSize: `${DESIGN.section.titleSize}px` }}
+          style={{ height: `${DESIGN.button.height}px`, fontSize: 20 }}
           disabled={disabled}
           onClick={() => handleSelect("NG")}
         >
@@ -3065,7 +3065,7 @@ function InspectSelect({ item, disabled, saving, onSave }: { item: WorkResultRow
             size="sm"
             variant={currentValue === opt ? "default" : "outline"}
             className="px-4"
-            style={{ height: `${DESIGN.button.height}px`, fontSize: `${DESIGN.section.titleSize}px` }}
+            style={{ height: `${DESIGN.button.height}px`, fontSize: 20 }}
             disabled={disabled}
             onClick={() => handleSelect(opt)}
           >
@@ -3111,7 +3111,7 @@ function InspectText({ item, disabled, saving, onSave }: { item: WorkResultRow;
           size="sm"
           variant={judged === "Y" ? "default" : "outline"}
           className={cn("px-4", judged === "Y" && "bg-green-600 hover:bg-green-700")}
-          style={{ height: `${DESIGN.button.height}px`, fontSize: `${DESIGN.section.titleSize}px` }}
+          style={{ height: `${DESIGN.button.height}px`, fontSize: 20 }}
           disabled={disabled}
           onClick={() => handleJudge("Y")}
         >
@@ -3121,7 +3121,7 @@ function InspectText({ item, disabled, saving, onSave }: { item: WorkResultRow;
           size="sm"
           variant={judged === "N" ? "default" : "outline"}
           className={cn("px-4", judged === "N" && "bg-red-600 hover:bg-red-700")}
-          style={{ height: `${DESIGN.button.height}px`, fontSize: `${DESIGN.section.titleSize}px` }}
+          style={{ height: `${DESIGN.button.height}px`, fontSize: 20 }}
           disabled={disabled}
           onClick={() => handleJudge("N")}
         >
@@ -3176,7 +3176,7 @@ function ProcedureItem({ item, disabled, saving, onSave }: { item: WorkResultRow
         <Checkbox
           checked={checked}
           disabled={disabled}
-          className="h-5 w-5"
+          className="h-8 w-8"
           onCheckedChange={(v) => {
             onSave(item.id, v ? "Y" : "N", null, v ? "completed" : "pending");
           }}
@@ -3226,7 +3226,7 @@ function MaterialItem({ item, disabled, saving, onSave }: { item: WorkResultRow;
           disabled={disabled}
           placeholder="LOT/바코드 스캔 또는 입력"
         />
-        <Button size="sm" variant="outline" className="px-4" style={{ height: `${DESIGN.button.height}px`, fontSize: `${DESIGN.section.titleSize}px` }} onClick={handleSubmit} disabled={disabled || !inputVal}>
+        <Button size="sm" variant="outline" className="px-4" style={{ height: `${DESIGN.button.height}px`, fontSize: 20 }} onClick={handleSubmit} disabled={disabled || !inputVal}>
           확인
         </Button>
         {saving && <Loader2 className="h-4 w-4 animate-spin" />}
@@ -3290,7 +3290,7 @@ function ResultInputItem({ item, disabled, saving, onSave }: { item: WorkResultR
       </div>
 
       <div className="flex items-center gap-2.5">
-        <Button size="sm" variant="outline" className="px-4" style={{ height: `${DESIGN.button.height}px`, fontSize: `${DESIGN.section.titleSize}px` }} onClick={handleSave} disabled={disabled}>
+        <Button size="sm" variant="outline" className="px-4" style={{ height: `${DESIGN.button.height}px`, fontSize: 20 }} onClick={handleSave} disabled={disabled}>
           실적 등록
         </Button>
         {saving && <Loader2 className="h-4 w-4 animate-spin" />}