feat: update layout for cutting create and edit components to improve responsiveness and overflow handling
This commit is contained in:
parent
910e6b97b6
commit
1f47ec1939
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user