Update Barcode Label Management Page UI for Consistency

- Changed background color of the main container from white to card style for better visual consistency with the overall design.
- Updated the CardHeader background to a muted style, enhancing the aesthetic appeal and aligning with the new design guidelines.

These changes improve the user interface of the Barcode Label Management page, ensuring a cohesive look and feel across the application.
This commit is contained in:
kjs
2026-04-01 16:28:59 +09:00
parent 540b6290c4
commit 7c402532b4

View File

@@ -34,7 +34,7 @@ export default function BarcodeLabelManagementPage() {
return (
<div className="min-h-screen bg-muted">
<div className="w-full max-w-none space-y-8 px-4 py-8">
<div className="flex items-center justify-between rounded-lg border bg-white p-6 shadow-sm">
<div className="flex items-center justify-between rounded-lg border bg-card p-6 shadow-sm">
<div>
<h1 className="text-3xl font-bold text-foreground"> </h1>
<p className="mt-2 text-muted-foreground">ZD421 </p>
@@ -79,7 +79,7 @@ export default function BarcodeLabelManagementPage() {
{/* 카메라 스캔: 바코드 값을 텍스트로 추출해 표시 */}
<Card className="shadow-sm">
<CardHeader className="bg-gray-50/50">
<CardHeader className="bg-muted/50">
<CardTitle className="flex items-center gap-2">
<Scan className="h-5 w-5" />