up

template/marketing/poster_upload.html

@@ -3,7 +3,7 @@
     <a href=""> Upload Poster </a>
 </div>
 
-<div class="max-w-[1140px] m-auto">
+<div class="max-w-[1140px] m-auto p-[0_15px]">
 
     <i class="block text-[13px] leading-[18px] mb-[10px]">Chức năng này cho phép bạn upload các file quảng cáo poster.
         Yêu cầu cần đặt trong file đuôi .zip. Server này giới hạn dung lượng file upload là 20 MB, do vậy nếu file .zip
@@ -15,15 +15,17 @@
         Upload poster quảng cáo </p>
 
     <div class="flex flex-wrap items-start m-[16px_0]">
-        <div
-            class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
-            <a href="javascript:void(0)"
-                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
-                style="color: #Fff;background: #0041E8;"> Upload Poster </a>
+        <div class="w-[25%] mr-[16px]">
+            <div
+                class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+                <a href="javascript:void(0)"
+                    class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
+                    style="color: #Fff;background: #0041E8;"> Upload Poster </a>
+            </div>
         </div>
 
         <form enctype="multipart/form-data" method="post"
-            class="w-[852px] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+            class="w-[calc(100%_-25%_-16px)] bg-white p-[20px_16px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
             <p class="mb-[20px]"> File zip chỉ được phép chứa file ảnh (jpg, gif) và html nếu có. </p>
 
             <p class="mb-[20px]">