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 }) => ( {({ errors, processing }) => (
<div className="grid gap-6 md:grid-cols-3"> <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> <Card>
<CardHeader> <CardHeader>
<CardTitle>Pilih Bahan Baku</CardTitle> <CardTitle>Pilih Bahan Baku</CardTitle>
</CardHeader> </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"> <div className="grid gap-2">
<Label> <Label>
Nama Bahan Baku <span className="text-destructive">*</span> Nama Bahan Baku <span className="text-destructive">*</span>

View File

@ -319,12 +319,12 @@ export default function CuttingEdit({ cutting, rawMaterials }: Props) {
}}> }}>
{({ errors, processing }) => ( {({ errors, processing }) => (
<div className="grid gap-6 md:grid-cols-3"> <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> <Card>
<CardHeader> <CardHeader>
<CardTitle>Pilih Bahan Baku</CardTitle> <CardTitle>Pilih Bahan Baku</CardTitle>
</CardHeader> </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"> <div className="grid gap-2">
<Label> <Label>
Nama Bahan Baku <span className="text-destructive">*</span> Nama Bahan Baku <span className="text-destructive">*</span>