From da51f4bfd154cd65ce38fc571e18d939b8fa01fc Mon Sep 17 00:00:00 2001 From: thug0bin Date: Fri, 27 Feb 2026 01:37:24 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=ED=82=A4=EC=98=A4=EC=8A=A4=ED=81=AC=20?= =?UTF-8?q?=EC=84=B8=EB=A1=9C=20=EB=AA=A8=EB=8B=88=ED=84=B0=20QR=20?= =?UTF-8?q?=EC=BD=94=EB=93=9C=20=EC=A4=91=EC=95=99=20=EC=A0=95=EB=A0=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - portrait 모드 claim-left: row → column 레이아웃으로 변경 - QR 컨테이너, 결제 카드, 품목 카드 모두 중앙 정렬 - QR 이미지 크기 140px → 160px 조정 Co-Authored-By: Claude Opus 4.6 --- backend/templates/kiosk.html | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/backend/templates/kiosk.html b/backend/templates/kiosk.html index 21a2454..2e2fa72 100644 --- a/backend/templates/kiosk.html +++ b/backend/templates/kiosk.html @@ -396,16 +396,15 @@ justify-content: center; } .claim-left { - flex-direction: row; - flex-wrap: wrap; + flex-direction: column; gap: 16px; width: 100%; - align-items: flex-start; + align-items: center; } - .claim-info-card { flex: 1; min-width: 200px; } - .qr-container { flex-shrink: 0; } - .items-card { width: 100%; max-height: 160px; } - .qr-container img { width: 140px; height: 140px; } + .claim-info-card { width: 100%; max-width: 480px; } + .qr-container { align-self: center; } + .items-card { width: 100%; max-width: 480px; max-height: 160px; } + .qr-container img { width: 160px; height: 160px; } .divider { flex-direction: row; } .divider-line { width: 60px; height: 2px; }