danak/javaneh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed css bugs

Browse Source
This commit is contained in:
HAM!DREZA
2024-05-09 11:41:05 +03:30
parent a41a54788d
commit 0ac988a9c7
14 changed files with 224 additions and 198 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/home-page/ProductSampleForm.vue
+13 -13
View File
@@ -1,35 +1,35 @@
<template>
<div class="pb-[27vw] lg:pb-[6vw] bg-white flex flex-col lg:flex-row items-center justify-center">
<div class="w-[81.04%] flex flex-col flex-col-reverse lg:flex-row items-center lg:items-start mt-[4.7vw]">
<div class="pb-[27vw] md:pb-[6vw] bg-white flex flex-col md:flex-row items-center justify-center">
<div class="w-[81.04%] flex flex-col flex-col-reverse md:flex-row items-center md:items-start mt-[4.7vw]">
<div class="relative w-full lg:basis-3/5" dir="rtl">
<div class="absolute -mt-[75vw] lg:mt-[0vw]">
<h2 class="text-[4.544vw] lg:text-[1.481vw] text-[#383E43] font-[600]">درخواست نمونه محصول</h2>
<p class="text-[#878787] text-[3.19vw] lg:text-[0.833vw] mt-[1vw]">مشخصات خود را وارد کنید</p>
<div class="relative w-full md:basis-3/5" dir="rtl">
<div class="absolute -mt-[75vw] md:mt-[0vw]">
<h2 class="text-[4.544vw] md:text-[1.481vw] text-[#383E43] font-[600]">درخواست نمونه محصول</h2>
<p class="text-[#878787] text-[3.19vw] md:text-[0.833vw] mt-[1vw]">مشخصات خود را وارد کنید</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mt-[13vw] lg:mt-[6.2vw]">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mt-[13vw] md:mt-[6.2vw]">
<input
class="ps-5 h-[13.846vw] lg:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] lg:text-[0.741vw] rounded-[10px] outline-none"
class="ps-5 h-[13.846vw] md:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] md:text-[0.741vw] rounded-[10px] outline-none"
type="text" placeholder="نام و نام خانوادگی">
<input
class="ps-5 h-[13.846vw] lg:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] lg:text-[0.741vw] rounded-[10px] outline-none"
class="ps-5 h-[13.846vw] md:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] md:text-[0.741vw] rounded-[10px] outline-none"
type="number" placeholder="شماره موبایل">
<input
class="ps-5 h-[13.846vw] lg:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] lg:text-[0.741vw] rounded-[10px] outline-none"
class="ps-5 h-[13.846vw] md:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] md:text-[0.741vw] rounded-[10px] outline-none"
type="text" placeholder="نام فروشگاه">
<input
class="ps-5 h-[13.846vw] lg:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] lg:text-[0.741vw] rounded-[10px] outline-none"
class="ps-5 h-[13.846vw] md:h-[2.969vw] bg-[#F5F5F5] text-[#878787] text-[3.19vw] md:text-[0.741vw] rounded-[10px] outline-none"
type="select" placeholder="انتخاب محصول">
</div>
<span class="absolute mt-[8vw] lg:mt-[2vw] ms-[27vw] lg:ms-[19vw] bg-[#A62186] py-[2.564vw] lg:py-[0.625vw] px-[10.256vw] lg:px-[3.646vw] text-[3.59vw] lg:text-[1.055vw] text-white rounded-[10px]">ثبت</span>
<span class="absolute mt-[8vw] md:mt-[2vw] ms-[27vw] md:ms-[19vw] bg-[#A62186] py-[2.564vw] md:py-[0.625vw] px-[10.256vw] md:px-[3.646vw] text-[3.59vw] md:text-[1.055vw] text-white rounded-[10px]">ثبت</span>
</div>
<div class="basis-2/5 flex justify-end">
<svg
class="mt-[22vw] lg:mt-0 h-[58.462vw] w-[58.462vw] lg:h-[25.99vw] lg:w-[26.667vw]"
class="mt-[22vw] md:mt-0 h-[58.462vw] w-[58.462vw] md:h-[25.99vw] md:w-[26.667vw]"
viewBox="0 0 512 499" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_836_14313)">
<path d="M326.562 111.858H299.32V344.154C299.32 347.799 298.602 351.408 297.207 354.775C295.813 358.142 293.769 361.202 291.192 363.779C288.615 366.356 285.556 368.401 282.19 369.795C278.823 371.19 275.215 371.908 271.571 371.908H63.292V372.174C63.292 375.818 64.0097 379.427 65.4042 382.794C66.7987 386.162 68.8427 389.221 71.4194 391.798C73.9961 394.376 77.0551 396.42 80.4218 397.815C83.7884 399.209 87.3968 399.927 91.0408 399.927H326.562C330.206 399.927 333.814 399.209 337.181 397.815C340.547 396.42 343.606 394.376 346.183 391.798C348.76 389.221 350.804 386.162 352.198 382.794C353.593 379.427 354.311 375.818 354.311 372.174V139.612C354.311 132.251 351.387 125.192 346.183 119.987C340.979 114.782 333.921 111.858 326.562 111.858Z" fill="#F2F2F2"/>