update

src/components/UploadFile/index.js

@@ -44,7 +44,7 @@ export default class UploadFile extends Component {
     const { uploadPercentage } = this.state;
 
     return (
-      <div>
+      <div className="w-full">
         {/* ? upload input File  */}
         <div className="relative bg-white w-full flex flex-col items-center px-4 py-7 rounded-lg border-2 border-dashed border-blue-300 mt-5">
           <div className=" ">
@@ -70,19 +70,25 @@ export default class UploadFile extends Component {
           </p>
         </div>
         {/* upload file progress bar */}
-        <div className="flex flex-col border border-blue-500 mt-5 rounded-lg p-2">
-          <span className="text-xs text-blue-900">در حال آپلود فایل ...</span>
-          {/* right section */}
-          <div className="flex flex-col gap-y-2">
-            <span className="text-xs text-blue-900">AdobeXD.zip</span>
-          </div>
-          {/* left section */}
-          <div className="flex flex-row items-center">
-            <span className="text-xs">65 درصد</span>
-            <span className="text-xs">3 دقیقه باقیمانده</span>
-            {/* pause button */}
-            <div className="bg-blue-100 bg-opacity-50 p-2 rounded-full cursor-pointer">
-              <img src={pause} />
+        <div>
+          <div className="w-full flex flex-col border border-blue-500 mt-5 rounded-lg p-2">
+            <div className="flex flex-row justify-between">
+              {/* right section */}
+              <div className="flex flex-col gap-y-2">
+                <span className="text-xs text-blue-900">
+                  در حال آپلود فایل ...
+                </span>
+                <span className="text-xs text-blue-900">AdobeXD.zip</span>
+              </div>
+              {/* left section */}
+              <div className="flex flex-row items-center">
+                <span className="text-xs">65 درصد</span>
+                <span className="text-xs mr-2">3 دقیقه باقیمانده</span>
+                {/* pause button */}
+                <div className="bg-blue-100 bg-opacity-50 p-2 rounded-full cursor-pointer mr-2">
+                  <img src={pause} />
+                </div>
+              </div>
             </div>
           </div>
         </div>