From eeac60c277be4f103229ee77f854137cc3118126 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Tue, 26 Aug 2025 15:12:55 +0700
Subject: <hafid> transactions page revisi

---
 src/lib/transaction/components/Transactions.jsx | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

(limited to 'src/lib/transaction/components/Transactions.jsx')

diff --git a/src/lib/transaction/components/Transactions.jsx b/src/lib/transaction/components/Transactions.jsx
index 5e37be50..7efa773a 100644
--- a/src/lib/transaction/components/Transactions.jsx
+++ b/src/lib/transaction/components/Transactions.jsx
@@ -451,12 +451,12 @@ const Transactions = ({ context = '' }) => {
   return (
     <>
       <MobileView>
-        <div className='p-4 flex flex-col gap-y-4'>
-          <div className='grid grid-cols-[30%_30%_40%] justify-between items-center gap-2 w-full '>
+        <div className=' flex flex-col gap-y-4'>
+          <div className='grid grid-cols-[40%_40%_15%] justify-between items-center gap-2 w-full '>
             <select
               value={statusNew}
               onChange={(e) => handleStatusChange(e.target.value)}
-              className='border border-gray-300 rounded-lg px-2 py-1 text-xs bg-white shadow-sm focus:outline-none focus:ring-2 focus:ring-red-500'
+              className='border border-gray-300 rounded-lg px-2 py-2 text-xs bg-white shadow-sm focus:outline-none focus:ring-2 focus:ring-red-500'
             >
               {statuses.map((status) => (
                 <option key={status.id} value={status.id}>
@@ -467,7 +467,7 @@ const Transactions = ({ context = '' }) => {
             <select
               value={sortNew}
               onChange={(e) => setSortNew(e.target.value)}
-              className='border border-gray-300 rounded-lg px-2 py-1 text-xs bg-white shadow-sm focus:outline-none focus:ring-2 focus:ring-red-500'
+              className='border border-gray-300 rounded-lg px-2 py-2 text-xs bg-white shadow-sm focus:outline-none focus:ring-2 focus:ring-red-500'
             >
               {sortes.map((status) => (
                 <option key={status.id} value={status.id}>
@@ -478,14 +478,14 @@ const Transactions = ({ context = '' }) => {
             <div ref={calendarRef} className="relative inline-block">
                 <button
                   type='button'
-                  className='p-2 w-auto h-auto cursor-pointer hover:bg-gray-100 rounded transition duration-150 ease-in-out flex items-center justify-center'
+                  className='p-1 w-full h-auto cursor-pointer border hover:bg-gray-100 rounded transition duration-150 ease-in-out flex items-center justify-center'
                   onClick={() => setIsOpenCalender((prev) => !prev)}
                 >
                   <span className='text-nowrap px-1 truncate flex items-center gap-1'>
                       {state[0]?.startDate ? (
                         `${state[0].startDate.toLocaleDateString()} - ${state[0].endDate.toLocaleDateString()}`
                       ) : (
-                        <Calendar size={16} className="text-gray-500" />
+                        <Calendar size={20} className="text-gray-500" />
                       )}
                   </span>
                 </button>
@@ -634,7 +634,7 @@ const Transactions = ({ context = '' }) => {
             >
               <div className='flex flex-row justify-between items-start'>
                 <Link href={`${router.pathname}/${saleOrder.id}`}>
-                  <h2 className='text-danger-500'>{saleOrder.name}</h2>
+                  <h2 className='text-danger-500 text-base'>{saleOrder.name}</h2>
                   <span className='font-medium text-black opacity-75'>
                     {formatDate(saleOrder.dateOrder.split(' ')[0]) || '-'}
                   </span>
@@ -662,8 +662,8 @@ const Transactions = ({ context = '' }) => {
                   </div>
                   <div className='flex w-4/5 flex-col gap-2 justify-start'>
                     <p className='flex flex-row gap-2'>
-                      <span className=' text-black'>Nomor PO:</span>
-                      <span className=' text-red-500 font-semibold'>
+                      <span className=' text-black text-sm'>Nomor PO:</span>
+                      <span className=' text-red-500 font-semibold text-sm'>
                         {saleOrder.purchaseOrderName || '-'}
                       </span>
                     </p>
@@ -718,8 +718,8 @@ const Transactions = ({ context = '' }) => {
                 <div className='col-span-2 h-[1px] w-full bg-gray-300'></div>
                 <div className='flex flex-row gap-3 justify-between items-center text-sm'>
                   <div className='flex flex-col text-black text-xs'>
-                    <p className='font-extralight'>Total Harga</p>
-                    <p className='font-semibold'>
+                    <p className='font-extralight text-sm'>Total Harga</p>
+                    <p className='font-semibold text-lg'>
                       {currencyFormat(saleOrder.amountTotal)}
                     </p>
                   </div>
-- 
cgit v1.2.3

