From a21eaa40f2f6fec8d4067bc7c5b96f8b11a25d77 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 15 Apr 2024 17:40:09 +0100
Subject: [PATCH] increased font size

---
 src/components/MyActiveJobs/ActiveJobs.jsx  |  1 +
 src/components/attachmentCom/AttachFile.jsx | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/MyActiveJobs/ActiveJobs.jsx b/src/components/MyActiveJobs/ActiveJobs.jsx
index 1ef3f3e..cb97ba4 100644
--- a/src/components/MyActiveJobs/ActiveJobs.jsx
+++ b/src/components/MyActiveJobs/ActiveJobs.jsx
@@ -544,6 +544,7 @@ function ActiveJobs(props) {
             <AttachFile
               data={props.details}
               showOnData={true}
+              fontSize={'text-lg'}
             />
           </div>
           <div className="flex justify-between items-center gap-5">
diff --git a/src/components/attachmentCom/AttachFile.jsx b/src/components/attachmentCom/AttachFile.jsx
index f0f613d..7b6b294 100644
--- a/src/components/attachmentCom/AttachFile.jsx
+++ b/src/components/attachmentCom/AttachFile.jsx
@@ -4,7 +4,7 @@ import axios from 'axios'
 
 import usersService from '../../services/UsersService'
 
-export default function AttachFile({data='', showOnData=false}) {
+export default function AttachFile({data='', fontSize='text-sm', showOnData=false}) {
 
     const apiCall = new usersService()
 
@@ -87,7 +87,7 @@ export default function AttachFile({data='', showOnData=false}) {
                         <label htmlFor='file' className={`dark:text-white cursor-pointer text-[12px] py-1 px-2 rounded-full border ${ requestStatus.loading && 'pointer-events-none'}`}>+ Add</label>
                     </div>
                     <div className='w-full p-2 rounded-2xl bg-slate-100'>
-                        <div className='text-[12px] w-full h-20 overflow-y-auto flex flex-col gap-1'>
+                        <div className='text-[12px] w-full h-20 overflow-y-auto flex flex-col gap-2'>
                             {uploadedList.loading ?
                             <div className='w-full h-full justify-center items-center'>
                                 <LoadingSpinner size='6' height='h-full' />
@@ -98,7 +98,7 @@ export default function AttachFile({data='', showOnData=false}) {
                                 uploadedList.data.result_list.map((item, index) => {
                                     let fileNameExt = item.originalname.split('.')[item.originalname.split('.').length - 1]
                                     return(
-                                        <div key={item.file_uid} className='text-sm my-[6px] flex justify-start gap-2'>
+                                        <div key={item.file_uid} className={`my-[6px] flex justify-start gap-2 ${fontSize}`}>
                                             <span>{index + 1}:</span>
                                             <a 
                                                 target='_blank' 
@@ -136,11 +136,11 @@ export default function AttachFile({data='', showOnData=false}) {
                         </div>
                     </div>
                     <div className='w-full p-2 rounded-2xl bg-slate-100'>
-                        <div className='text-[12px] w-full p-2 h-20 overflow-y-auto flex flex-col gap-1'>
+                        <div className='text-[12px] w-full p-2 h-20 overflow-y-auto flex flex-col gap-2'>
                             {uploadedList.data.result_list.map((item, index) => {
                                 let fileNameExt = item.originalname.split('.')[item.originalname.split('.').length - 1]
                                 return(
-                                    <div key={item.file_uid} className='text-sm my-[6px] flex justify-start gap-2'>
+                                    <div key={item.file_uid} className={`my-[6px] flex justify-start gap-2 ${fontSize}`}>
                                         <span>{index + 1}:</span>
                                         <a 
                                             target='_blank'