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/road-map-components/Banner.vue
+5 -5
View File
@@ -1,11 +1,11 @@
<template>
<div class="baner flex flex-col w-[84.61vw] lg:w-[70.41%] mt-[50vw] lg:mt-[20vw]">
<img src="/public/images/baner.jpg" alt="organic" class="h-[45.12vw] lg:h-[26.302vw] w-full object-cover rounded-[25px]">
<div class="flex flex-col flex-col-reverse px-[1vw] lg:flex-row justify-between items-center mt-12">
<p class="mt-[17vw] lg:mt-0 w-full lg:w-[50%] text-[3.59vw] lg:text-[1.502vw]">
<div class="baner flex flex-col w-[84.61vw] md:w-[70.41%] mt-[50vw] md:mt-[20vw]">
<img src="/public/images/baner.jpg" alt="organic" class="h-[45.12vw] md:h-[26.302vw] w-full object-cover rounded-[25px]">
<div class="flex flex-col flex-col-reverse px-[1vw] md:flex-row justify-between items-center mt-12">
<p class="mt-[17vw] md:mt-0 w-full md:w-[50%] text-[3.59vw] md:text-[1.502vw]">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
</p>
<p class="w-full lg:w-[40%] text-[4.544vw] lg:text-[1.186vw]">
<p class="w-full md:w-[40%] text-[4.544vw] md:text-[1.186vw]">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
</p>
components/home-page/road-map-components/ProductionStage.vue
+27 -27
View File
@@ -1,15 +1,15 @@
<template>
<div class="mt-[28vw] lg:mt-[12vw] w-[84.615vw] lg:w-[51.14%]">
<h2 class="mb-[7vw] lg:mb-0 text-[#383E43] text-[4.544vw] lg:text-[1.502vw]">مراحل تولید :</h2>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-4 p-[3vw]">
<div class="mt-[28vw] md:mt-[12vw] w-[84.615vw] md:w-[51.14%]">
<h2 class="mb-[7vw] md:mb-0 text-[#383E43] text-[4.544vw] md:text-[1.502vw]">مراحل تولید :</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 p-[3vw]">
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
class="flex items-center justify-between bg-white h-[17.179vw] md:h-[4.688vw] rounded-[5.128vw] md:rounded-[1.302vw] px-[3vw] md:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
class="h-[6.667vw] w-[6.667vw] md:h-[2.135vw] md:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@@ -50,20 +50,20 @@
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
class="flex items-center justify-between bg-white h-[17.179vw] md:h-[4.688vw] rounded-[5.128vw] md:rounded-[1.302vw] px-[3vw] md:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
class="h-[6.667vw] w-[6.667vw] md:h-[2.135vw] md:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@@ -104,19 +104,19 @@
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
class="flex items-center justify-between bg-white h-[17.179vw] md:h-[4.688vw] rounded-[5.128vw] md:rounded-[1.302vw] px-[3vw] md:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
class="h-[6.667vw] w-[6.667vw] md:h-[2.135vw] md:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@@ -157,19 +157,19 @@
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
class="flex items-center justify-between bg-white h-[17.179vw] md:h-[4.688vw] rounded-[5.128vw] md:rounded-[1.302vw] px-[3vw] md:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
class="h-[6.667vw] w-[6.667vw] md:h-[2.135vw] md:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@@ -210,19 +210,19 @@
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
class="flex items-center justify-between bg-white h-[17.179vw] md:h-[4.688vw] rounded-[5.128vw] md:rounded-[1.302vw] px-[3vw] md:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
class="h-[6.667vw] w-[6.667vw] md:h-[2.135vw] md:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@@ -263,19 +263,19 @@
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
</div>
<div
class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] rounded-[5.128vw] lg:rounded-[1.302vw] px-[3vw] lg:px-[1vw]"
class="flex items-center justify-between bg-white h-[17.179vw] md:h-[4.688vw] rounded-[5.128vw] md:rounded-[1.302vw] px-[3vw] md:px-[1vw]"
>
<div class="flex items-center">
<svg
class="h-[6.667vw] w-[6.667vw] lg:h-[2.135vw] lg:w-[2.135vw]"
class="h-[6.667vw] w-[6.667vw] md:h-[2.135vw] md:w-[2.135vw]"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@@ -316,11 +316,11 @@ class="flex items-center justify-between bg-white h-[17.179vw] lg:h-[4.688vw] ro
stroke-linejoin="round"
/>
</svg>
<span class="text-[#383E43] text-[4.038vw] lg:text-[1.055vw] ms-[2vw]"
<span class="text-[#383E43] text-[4.038vw] md:text-[1.055vw] ms-[2vw]"
>تحقیق و توسعه</span
>
</div>
<span class="text-[#878787] text-[5.11vw] lg:text-[1.335vw]">01</span>
<span class="text-[#878787] text-[5.11vw] md:text-[1.335vw]">01</span>
</div>
</div>
</div>
components/home-page/road-map-components/ShopNavigator.vue
+4 -4
View File
@@ -1,16 +1,16 @@
<template>
<div
class="ps-[6vw] lg:ps-[15%] text-[#383E43] flex flex-col items-start justify-center mt-[28vw] lg:mt-[14.4vw] h-[87.179vw] lg:h-[22.396vw] w-[81.61%] lg:w-[81.04%] border-[2px] border-[##E5E5E5] rounded-[25px]"
class="ps-[6vw] md:ps-[15%] text-[#383E43] flex flex-col items-start justify-center mt-[28vw] md:mt-[14.4vw] h-[87.179vw] md:h-[22.396vw] w-[81.61%] md:w-[81.04%] border-[2px] border-[##E5E5E5] rounded-[25px]"
>
<p class="mt-[5vw] lg:mt-0 w-[36.154vw] lg:w-auto lg:text-[1.69vw] text-[5.11vw]">
<p class="mt-[5vw] md:mt-0 w-[36.154vw] md:w-auto md:text-[1.69vw] text-[5.11vw]">
ما اینجا هستیم تا از شما حمایت کنیم
</p>
<p class="text-[3.19vw] lg:text-[0.938vw] mt-3">سلامتی با محصولات شینان</p>
<p class="text-[3.19vw] md:text-[0.938vw] mt-3">سلامتی با محصولات شینان</p>
<nuxt-link
to="/"
class="flex items-center mt-[8vw] border-black lg:mt-[2vw] text-[3.19vw] lg:text-[0.938vw] py-[12px] px-[24px] rounded-[10px] border-[1px] border-[#E5E5E5]"
class="flex items-center mt-[8vw] border-black md:mt-[2vw] text-[3.19vw] md:text-[0.938vw] py-[12px] px-[24px] rounded-[10px] border-[1px] border-[#E5E5E5]"
>
<svg
class="me-1"