gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-25 15:55:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(FE): Make approval and action buttons responsive

Browse Source
This commit is contained in:
rstubryan
2026-01-26 13:45:32 +07:00
parent afb0c40fd2
commit 4011d26193
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/purchase/order/PurchaseOrderDetail.tsx
+3 -3
View File
@@ -605,7 +605,7 @@ const PurchaseOrderDetail = ({
return ( return (
<section className='w-full'> <section className='w-full'>
{/* Approval and Action Buttons */} {/* Approval and Action Buttons */}
<div className='flex justify-between items-center w-full my-6'> <div className='flex flex-col sm:flex-row sm:justify-between sm:items-center w-full mb-6 gap-4 sm:gap-0'>
<Button <Button
href='/purchase' href='/purchase'
variant='link' variant='link'
@@ -630,7 +630,7 @@ const PurchaseOrderDetail = ({
onClick={handleApprovalClick} onClick={handleApprovalClick}
variant='outline' variant='outline'
color='success' color='success'
className='w-full sm:w-fit' className='flex-1 sm:w-fit'
> >
<Icon icon='material-symbols:check' width={24} height={24} /> <Icon icon='material-symbols:check' width={24} height={24} />
Approve Approve
@@ -649,7 +649,7 @@ const PurchaseOrderDetail = ({
<Button <Button
variant='outline' variant='outline'
color='error' color='error'
className='w-full sm:w-fit' className='flex-1 sm:w-fit'
onClick={handleRejectionClick} onClick={handleRejectionClick}
> >
<Icon icon='material-symbols:close' width={24} height={24} /> <Icon icon='material-symbols:close' width={24} height={24} />