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/Catalogs.vue
+22 -22
View File
@@ -1,17 +1,17 @@
<template>
<div class="flex justify-center">
<div class="w-[81%] lg:w-[52.96%] my-[8vw] grid grid-cols-1 lg:grid-cols-3 gap-6">
<div class="w-[81%] md:w-[52.96%] my-[8vw] grid grid-cols-1 md:grid-cols-3 gap-6">
<div
class="flex flex-col items-center justify-between space-y-5 h-auto lg:h-[35.99vw] bg-white rounded-[500px] lg:rounded-[26.042vw]"
class="flex flex-col items-center justify-between space-y-5 h-auto md:h-[35.99vw] bg-white rounded-[500px] md:rounded-[26.042vw]"
>
<div class="flex flex-col items-center">
<img
src="/public/images/catalog1.jpg"
alt=""
class="mt-[15vw] lg:mt-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw] rounded-full"
class="mt-[15vw] md:mt-[5vw] h-[28.205vw] md:h-[5.208vw] w-[28.205vw] md:w-[5.208vw] rounded-full"
/>
<p class="mt-[3vw] lg:mt-[1vw] text-[5.11vw] lg:text-[1.055vw] text-[#383E43] font-semibold">کاتالوگ</p>
<p class="text-[3.59vw] lg:text-[0.833vw] flex items-center border-b mt-[12vw] lg:mt-[3.5vw] pb-[0.3vw] text-[#A62186]">
<p class="mt-[3vw] md:mt-[1vw] text-[5.11vw] md:text-[1.055vw] text-[#383E43] font-semibold">کاتالوگ</p>
<p class="text-[3.59vw] md:text-[0.833vw] flex items-center border-b mt-[12vw] md:mt-[3.5vw] pb-[0.3vw] text-[#A62186]">
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -23,7 +23,7 @@
</div>
<div class="flex flex-col items-center !m-0">
<p class="text-[3.59vw] lg:text-[0.833vw] mt-[1vw] lg:mt-0 mb-[3.5vw] flex items-center text-[#A62186]">
<p class="text-[3.59vw] md:text-[0.833vw] mt-[1vw] md:mt-0 mb-[3.5vw] flex items-center text-[#A62186]">
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -33,13 +33,13 @@
دانلود کاتالوگ</p>
<p class="
mb-[3vw] mt-[8vw] lg:mt-0 lg:mb-[1vw] text-[5.11vw] lg:text-[1.055vw]
mb-[3vw] mt-[8vw] md:mt-0 md:mb-[1vw] text-[5.11vw] md:text-[1.055vw]
text-[1.055vw] text-[#383E43] font-semibold" >کاتالوگ</p>
<img
src="/public/images/catalog1.jpg"
alt=""
class="
mb-[15vw] lg:mb-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw]
mb-[15vw] md:mb-[5vw] h-[28.205vw] md:h-[5.208vw] w-[28.205vw] md:w-[5.208vw]
rounded-full"
/>
</div>
@@ -48,16 +48,16 @@
<div
class="flex flex-col items-center justify-between space-y-5 h-auto lg:h-[35.99vw] bg-white rounded-[500px] lg:rounded-[26.042vw]"
class="flex flex-col items-center justify-between space-y-5 h-auto md:h-[35.99vw] bg-white rounded-[500px] md:rounded-[26.042vw]"
>
<div class="flex flex-col items-center">
<img
src="/public/images/catalog1.jpg"
alt=""
class="mt-[15vw] lg:mt-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw] rounded-full"
class="mt-[15vw] md:mt-[5vw] h-[28.205vw] md:h-[5.208vw] w-[28.205vw] md:w-[5.208vw] rounded-full"
/>
<p class="mt-[3vw] lg:mt-[1vw] text-[5.11vw] lg:text-[1.055vw] text-[#383E43] font-semibold">کاتالوگ</p>
<p class="text-[3.59vw] lg:text-[0.833vw] flex items-center border-b mt-[12vw] lg:mt-[3.5vw] pb-[0.3vw] text-[#A62186]">
<p class="mt-[3vw] md:mt-[1vw] text-[5.11vw] md:text-[1.055vw] text-[#383E43] font-semibold">کاتالوگ</p>
<p class="text-[3.59vw] md:text-[0.833vw] flex items-center border-b mt-[12vw] md:mt-[3.5vw] pb-[0.3vw] text-[#A62186]">
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -69,7 +69,7 @@
</div>
<div class="flex flex-col items-center !m-0">
<p class="text-[3.59vw] lg:text-[0.833vw] mt-[1vw] lg:mt-0 mb-[3.5vw] flex items-center text-[#A62186]">
<p class="text-[3.59vw] md:text-[0.833vw] mt-[1vw] md:mt-0 mb-[3.5vw] flex items-center text-[#A62186]">
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -79,29 +79,29 @@
دانلود کاتالوگ</p>
<p class="
mb-[3vw] mt-[8vw] lg:mt-0 lg:mb-[1vw] text-[5.11vw] lg:text-[1.055vw]
mb-[3vw] mt-[8vw] md:mt-0 md:mb-[1vw] text-[5.11vw] md:text-[1.055vw]
text-[1.055vw] text-[#383E43] font-semibold" >کاتالوگ</p>
<img
src="/public/images/catalog1.jpg"
alt=""
class="
mb-[15vw] lg:mb-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw]
mb-[15vw] md:mb-[5vw] h-[28.205vw] md:h-[5.208vw] w-[28.205vw] md:w-[5.208vw]
rounded-full"
/>
</div>
</div>
<div
class="flex flex-col items-center justify-between space-y-5 h-auto lg:h-[35.99vw] bg-white rounded-[500px] lg:rounded-[26.042vw]"
class="flex flex-col items-center justify-between space-y-5 h-auto md:h-[35.99vw] bg-white rounded-[500px] md:rounded-[26.042vw]"
>
<div class="flex flex-col items-center">
<img
src="/public/images/catalog1.jpg"
alt=""
class="mt-[15vw] lg:mt-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw] rounded-full"
class="mt-[15vw] md:mt-[5vw] h-[28.205vw] md:h-[5.208vw] w-[28.205vw] md:w-[5.208vw] rounded-full"
/>
<p class="mt-[3vw] lg:mt-[1vw] text-[5.11vw] lg:text-[1.055vw] text-[#383E43] font-semibold">کاتالوگ</p>
<p class="text-[3.59vw] lg:text-[0.833vw] flex items-center border-b mt-[12vw] lg:mt-[3.5vw] pb-[0.3vw] text-[#A62186]">
<p class="mt-[3vw] md:mt-[1vw] text-[5.11vw] md:text-[1.055vw] text-[#383E43] font-semibold">کاتالوگ</p>
<p class="text-[3.59vw] md:text-[0.833vw] flex items-center border-b mt-[12vw] md:mt-[3.5vw] pb-[0.3vw] text-[#A62186]">
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -113,7 +113,7 @@
</div>
<div class="flex flex-col items-center !m-0">
<p class="text-[3.59vw] lg:text-[0.833vw] mt-[1vw] lg:mt-0 mb-[3.5vw] flex items-center text-[#A62186]">
<p class="text-[3.59vw] md:text-[0.833vw] mt-[1vw] md:mt-0 mb-[3.5vw] flex items-center text-[#A62186]">
<svg class="me-2" width="1.146vw" height="1.146vw" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.25 10.0835V15.5835L10.0833 13.7502" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.25033 15.5833L6.41699 13.75" stroke="#A62186" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -123,13 +123,13 @@
دانلود کاتالوگ</p>
<p class="
mb-[3vw] mt-[8vw] lg:mt-0 lg:mb-[1vw] text-[5.11vw] lg:text-[1.055vw]
mb-[3vw] mt-[8vw] md:mt-0 md:mb-[1vw] text-[5.11vw] md:text-[1.055vw]
text-[1.055vw] text-[#383E43] font-semibold" >کاتالوگ</p>
<img
src="/public/images/catalog1.jpg"
alt=""
class="
mb-[15vw] lg:mb-[5vw] h-[28.205vw] lg:h-[5.208vw] w-[28.205vw] lg:w-[5.208vw]
mb-[15vw] md:mb-[5vw] h-[28.205vw] md:h-[5.208vw] w-[28.205vw] md:w-[5.208vw]
rounded-full"
/>
</div>