fix(ChooseFileBox): fix choose file component

TickLabVN · Oct 2, 2023 · b30bfc9 · b30bfc9
1 parent ab5a0c8
commit b30bfc9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 14 deletions.
diff --git a/src/components/home/ChooseFileBox.tsx b/src/components/home/ChooseFileBox.tsx
@@ -19,7 +19,6 @@ export function useChooseFileBox() {
       <>
         <Dialog open={openBox} handler={handleOpenBox}>
           <DialogBody
-            className='bg-white dark:bg-black/1 rounded-lg shadow-lg'
             onClick={() => {
               setOpenBox(false);
               openOrderWorkflowBox();
@@ -29,27 +28,22 @@ export function useChooseFileBox() {
             <div>
               <label
                 htmlFor='dropzone-file'
-                className='flex flex-col items-center justify-center w-full h-40 border-2 border-blue-300 border-dashed rounded-lg cursor-pointer bg-blue-50 dark:hover:bg-blue-600 dark:bg-blue-650 hover:bg-blue-100 dark:border-blue-600 dark:hover:border-blue-500 dark:hover:bg-blue-600'
+                className='flex flex-col items-center justify-center w-62 h-35 gap-4 p-4 border-2 border-blue/1 border-dashed rounded-lg cursor-pointer bg-blue-50 hover:bg-blue-100'
               >
-                <div className='flex items-center justify-cente gap-4 mb-4'>
+                <div className='flex items-center justify-center gap-4 h-10'>
                   <ArrowUpTrayIcon
                     strokeWidth={2}
-                    className='bg-blue/1 text-white rounded-full w-10 h-10 p-2 lg:w-12 lg:h-12 lg:p-3'
+                    className='bg-blue/1 text-white rounded-full w-10 h-10 p-2 lg:w-10 lg:h-10 lg:p-3'
                   />
-                  <span className='text-xl text-blue/1 dark:text-blue/1 font-semibold'>
+                  <span className='text-xl text-blue/1 font-semibold w-37 h-8'>
                     Choose file to print
                   </span>
                 </div>
 
-                <div>
-                  <div className='text-xs text-black/1 dark:text-black/1'>
-                    <span className='font-semibold lg: text-md'>Allowed formats:</span> .doc, .docx,
-                    .xls, .xlsx, .ppt;
-                  </div>
-
-                  <div className='text-xs text-black/1 dark:text-black/1'>.jpg, .png, .pdf</div>
-
-                  <div className='text-xs text-black/1 dark:text-black/1'>
+                <div className='lg: text-xs w-54 h-13 gap-1'>
+                  <span className='font-semibold h-8'>Allowed formats:</span> .doc, .docx, .xls,
+                  .xlsx, .ppt, .jpg, .png, .pdf
+                  <div className='lg: text-xs h-4'>
                     <span className='font-semibold'>Maximum size:</span> 100MB
                   </div>
                 </div>

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -25,6 +25,7 @@ module.exports = withMT({
         'gray/1': '#F5F5F5',
         'gray/3': '#ACB5BD',
         'gray/4': '#495057'
+
       }
     }
   },