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/AboutUs.vue
+14 -14
View File
@@ -2,16 +2,16 @@
<div id="dynamic" class="about flex justify-center pt-[6.3vw]">
<div class="relative w-[81.04%]">
<div class="absolute -right-[0.8vw] -mt-[2.2vw]">
<h1 class="text-[6.469vw] lg:text-[2.5vw] text-[#383E43] font-bold">
<h1 class="text-[6.469vw] md:text-[2.5vw] text-[#383E43] font-bold">
About Us
</h1>
<p class="text-[3.59vw] lg:text-[0.938vw] text-[#878787]">
<p class="text-[3.59vw] md:text-[0.938vw] text-[#878787]">
آنچه باید درباره شینان بدانید
</p>
</div>
<svg
class="aboutPath line hidden lg:block motion"
class="aboutPath line hidden md:block motion"
width="81.042vw"
height="14.531vw"
viewBox="0 0 1556 279"
@@ -48,7 +48,7 @@
</svg>
<svg
class="box2 crcle hidden lg:block absolute top-[1vw] !right-[2.8vw]"
class="box2 crcle hidden md:block absolute top-[1vw] !right-[2.8vw]"
id=""
width="22.344vw"
height="22.292vw"
@@ -98,15 +98,15 @@
<div class="mt-[16vw] md:mt-0 panels relative">
<div
class="panel first leading-[1.458vw] absolute w-full lg:w-[27.76vw] bg-white rounded-[25px] pb-[7vw] lg:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] lg:top-[9.2vw]"
class="panel first leading-[1.458vw] absolute w-full md:w-[27.76vw] bg-white rounded-[25px] pb-[7vw] md:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] md:top-[9.2vw]"
>
<h1
class="mt-[5vw] lg:mt-[1.3vw] text-[5.11vw] lg:text-[1.335vw] ps-4 lg:ps-8"
class="mt-[5vw] md:mt-[1.3vw] text-[5.11vw] md:text-[1.335vw] ps-4 md:ps-8"
>
لورم ایپسوم
</h1>
<p
class="mt-[5vw] lg:mt-[1.5vw] text-[3.19vw] lg:text-[0.833vw] px-4 lg:px-7 leading-[4.785vw] lg:leading-[1.458vw]"
class="mt-[5vw] md:mt-[1.5vw] text-[3.19vw] md:text-[0.833vw] px-4 md:px-7 leading-[4.785vw] md:leading-[1.458vw]"
>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
@@ -120,15 +120,15 @@
</div>
<div
class="hidden md:block panel leading-[1.458vw] absolute w-full lg:w-[27.76vw] bg-yellow-200 rounded-[25px] pb-[7vw] lg:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] lg:!top-[10]"
class="hidden md:block panel leading-[1.458vw] absolute w-full md:w-[27.76vw] bg-yellow-200 rounded-[25px] pb-[7vw] md:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] md:!top-[10]"
>
<h1
class="mt-[5vw] lg:mt-[1.3vw] text-[5.11vw] lg:text-[1.335vw] ps-4 lg:ps-8"
class="mt-[5vw] md:mt-[1.3vw] text-[5.11vw] md:text-[1.335vw] ps-4 md:ps-8"
>
لورم ایپسوم
</h1>
<p
class="mt-[5vw] lg:mt-[1.5vw] text-[3.19vw] lg:text-[0.833vw] px-4 lg:px-7 leading-[4.785vw] lg:leading-[1.458vw]"
class="mt-[5vw] md:mt-[1.5vw] text-[3.19vw] md:text-[0.833vw] px-4 md:px-7 leading-[4.785vw] md:leading-[1.458vw]"
>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
@@ -141,15 +141,15 @@
</p>
</div>
<div
class="hidden md:block panel pnl leading-[1.458vw] absolute w-full lg:w-[27.76vw] bg-red-200 rounded-[25px] pb-[7vw] lg:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] lg:top-[9.2vw]"
class="hidden md:block panel pnl leading-[1.458vw] absolute w-full md:w-[27.76vw] bg-red-200 rounded-[25px] pb-[7vw] md:pb-[2.8vw] p-2 md:start-[42.5vw] top-[18vw] md:top-[9.2vw]"
>
<h1
class="mt-[5vw] lg:mt-[1.3vw] text-[5.11vw] lg:text-[1.335vw] ps-4 lg:ps-8"
class="mt-[5vw] md:mt-[1.3vw] text-[5.11vw] md:text-[1.335vw] ps-4 md:ps-8"
>
لورم ایپسوم
</h1>
<p
class="mt-[5vw] lg:mt-[1.5vw] text-[3.19vw] lg:text-[0.833vw] px-4 lg:px-7 leading-[4.785vw] lg:leading-[1.458vw]"
class="mt-[5vw] md:mt-[1.5vw] text-[3.19vw] md:text-[0.833vw] px-4 md:px-7 leading-[4.785vw] md:leading-[1.458vw]"
>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با
استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در
@@ -163,7 +163,7 @@
</div>
</div>
<svg
class="absolute mt-[75vw] right-0 block lg:hidden"
class="absolute mt-[75vw] right-0 block md:hidden"
width="66"
height="30"
viewBox="0 0 66 30"