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 }) => (
|
{({ 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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user