fix:width and height of adr

REACT-DEVELOPER-IBROKHIM · Mar 2, 2025 · 8dd87d9 · 8dd87d9
1 parent 55fc745
commit 8dd87d9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/client/src/components/documents/adr/back/AdrCertificateBack.jsx b/client/src/components/documents/adr/back/AdrCertificateBack.jsx
@@ -5,7 +5,7 @@ const AdrCertificateBack = ({ type }) => {
     <div
       className={`w-[2480px] ${type !== "search" && "h-[3508px]"} flex justify-center`}
     >
-      <div className="w-[1600px] h-[1070px] border-[6px] border-gray-400 mt-[10px] rounded-[50px] bg-wave bg-cover bg-no-repeat text-center px-[30px]">
+      <div className="w-[1600px] h-[1000px] border-[6px] border-gray-400 mt-[10px] rounded-[50px] bg-wave bg-cover bg-no-repeat text-center px-[30px]">
         <p className="text-[60px] mt-[30px]">VALID FOR CLASS(ES) OR UN NOS.:</p>
         <p className="text-[45px] mt-[20px]">
           ДЕЙСТВИТЕЛЬНОВОТНОШЕНИИ ВЕЩЕСТВКЛАССА(ОВ) ИЛИ№ООН

diff --git a/client/src/components/documents/adr/front/AdrCertificate.jsx b/client/src/components/documents/adr/front/AdrCertificate.jsx
@@ -6,12 +6,12 @@ const AdrCertificateFront = ({ document, type }) => {
     <div
       className={`w-[2480px] ${type !== "search" && "h-[3508px]"} flex justify-center`}
     >
-      <div className="w-[1600px] h-[1070px] border-[6px] border-gray-400 mt-[10px] rounded-[50px] bg-wave bg-cover bg-no-repeat text-center px-[30px]">
+      <div className="w-[1600px] h-[1000px] border-[6px] border-gray-400 mt-[10px] rounded-[50px] bg-wave bg-cover bg-no-repeat text-center px-[30px]">
         <p className="text-[70px] mt-[30px]">ADR-DRIVER TRAINING CERTIFICATE</p>
         <p className="text-[50px] mt-[20px]">
           СВИДЕТЕЛЬСТВО О ПОДГОТОВКЕ ВОДИТЕЛЯ ПО ДОПОГ
         </p>
-        <div className="flex justify-between items-center mt-[60px] px-[60px]">
+        <div className="flex justify-between items-center mt-[30px] px-[60px]">
           <div className="text-[60px] py-[15px] px-[40px] border-[6px] border-black rounded-[100%]">
             UZ
           </div>
@@ -20,7 +20,7 @@ const AdrCertificateFront = ({ document, type }) => {
             NT2022
           </div>
         </div>
-        <div className="h-[600px] flex justify-between items-center mt-[60px] gap-[30px]">
+        <div className="h-[600px] flex justify-between items-center mt-[30px] gap-[30px]">
           <div className="h-full aspect-[3/4] bg-white border-[2px] border-black"></div>
           <div className="h-full bg-blue  font-bold text-left text-[50px] flex flex-col gap-[20px] flex-1">
             <p>2.{name}</p>
@@ -39,9 +39,9 @@ const AdrCertificateFront = ({ document, type }) => {
               />
             </div>
           </div>
-          <div className="h-full flex items-end justify-center">
+          <div className="h-full flex items-end justify-start">
             <QRCode
-              className="adr_qrcodemain"
+              className="mb-[30px]"
               value={`https://www.xalqarologistika.uz/check-certificates/${id}`}
             />
           </div>