refactor(FE-62): update MovementForm layout to improve responsiveness with grid system

This commit is contained in:
rstubryan
2025-10-17 10:12:53 +07:00
parent 8bf7603f66
commit caac9c20e6
@@ -688,7 +688,7 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
{/* Top card - Movement details */} {/* Top card - Movement details */}
<div className='card bg-base-100 shadow mb-4'> <div className='card bg-base-100 shadow mb-4'>
<div className='card-body'> <div className='card-body'>
<div className='flex gap-4'> <div className='grid grid-cols-1 md:grid-cols-2 gap-4'>
<TextInput <TextInput
required required
label='Alasan Transfer' label='Alasan Transfer'
@@ -723,7 +723,7 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
</div> </div>
{/* Warehouse cards */} {/* Warehouse cards */}
<div className='grid grid-cols-2 gap-4 mb-4'> <div className='grid grid-cols-1 md:grid-cols-2 gap-4 mb-4'>
<div className='card bg-base-100 shadow'> <div className='card bg-base-100 shadow'>
<div className='card-body space-y-4'> <div className='card-body space-y-4'>
<h3 className='card-title text-lg'>Gudang Asal</h3> <h3 className='card-title text-lg'>Gudang Asal</h3>