feat: update layout for cutting create and edit components to improve responsiveness and overflow handling

This commit is contained in:
Yoga Pangestu 2026-08-17 22:26:52 +07:00
parent 910e6b97b6
commit 1f47ec1939
2 changed files with 4 additions and 4 deletions

View File

@ -342,12 +342,12 @@ export default function CuttingCreate({ rawMaterials }: Props) {
}}>
{({ errors, processing }) => (
<div className="grid gap-6 md:grid-cols-3">
<div className="space-y-6 md:col-span-2">
<div className="min-w-0 space-y-6 md:col-span-2">
<Card>
<CardHeader>
<CardTitle>Pilih Bahan Baku</CardTitle>
</CardHeader>
<CardContent className="max-h-[calc(100vh-16rem)] space-y-4 overflow-y-auto">
<CardContent className="max-h-[calc(100vh-16rem)] space-y-4 overflow-x-hidden overflow-y-auto">
<div className="grid gap-2">
<Label>
Nama Bahan Baku <span className="text-destructive">*</span>

View File

@ -319,12 +319,12 @@ export default function CuttingEdit({ cutting, rawMaterials }: Props) {
}}>
{({ errors, processing }) => (
<div className="grid gap-6 md:grid-cols-3">
<div className="space-y-6 md:col-span-2">
<div className="min-w-0 space-y-6 md:col-span-2">
<Card>
<CardHeader>
<CardTitle>Pilih Bahan Baku</CardTitle>
</CardHeader>
<CardContent className="max-h-[calc(100vh-16rem)] space-y-4 overflow-y-auto">
<CardContent className="max-h-[calc(100vh-16rem)] space-y-4 overflow-x-hidden overflow-y-auto">
<div className="grid gap-2">
<Label>
Nama Bahan Baku <span className="text-destructive">*</span>