chore(FE-205): adjust content styling

This commit is contained in:
ValdiANS
2025-11-28 10:29:36 +07:00
parent b8590040ff
commit 2001cdb843
@@ -163,32 +163,36 @@ const ExpenseRealizationContent = ({
<div className='w-full max-w-5xl mt-8 mx-auto'> <div className='w-full max-w-5xl mt-8 mx-auto'>
<div className='flex flex-row gap-4'> <div className='flex flex-row gap-4'>
<Card variant='bordered' size='sm' className={{ wrapper: 'grow' }}> <Card variant='bordered' size='sm' className={{ wrapper: 'grow' }}>
<h3 className='text-sm'>Nominal Pengajuan</h3> <div className='w-full flex flex-col gap-2'>
<h3 className='text-sm'>Nominal Pengajuan</h3>
<span className='text-xl'> <span className='text-xl'>
{formatCurrency(initialValues?.total_pengajuan as number)} {formatCurrency(initialValues?.total_pengajuan as number)}
</span> </span>
<span className='text-sm'> <span className='text-sm'>
Terbayar{' '} Terbayar{' '}
{formatCurrency(initialValues?.total_realisasi as number)} {formatCurrency(initialValues?.total_realisasi as number)}
</span> </span>
</div>
</Card> </Card>
<Card variant='bordered' size='sm' className={{ wrapper: 'grow' }}> <Card variant='bordered' size='sm' className={{ wrapper: 'grow' }}>
<h3 className='text-sm'>Nominal Realisasi</h3> <div className='w-full flex flex-col gap-2'>
<h3 className='text-sm'>Nominal Realisasi</h3>
<span className='text-xl'> <span className='text-xl'>
{formatCurrency(initialValues?.total_realisasi as number)} {formatCurrency(initialValues?.total_realisasi as number)}
</span> </span>
<span className='text-sm'> <span className='text-sm'>
Selisih{' '} Selisih{' '}
{formatCurrency( {formatCurrency(
(initialValues?.total_realisasi as number) - (initialValues?.total_realisasi as number) -
(initialValues?.total_pengajuan as number) (initialValues?.total_pengajuan as number)
)} )}
</span> </span>
</div>
</Card> </Card>
</div> </div>
</div> </div>