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/Instagram.vue
+14 -14
View File
@@ -1,10 +1,10 @@
<template>
<div class="bg-white flex justify-center pt-[20vw] lg:pt-[9vw] lg:mt-[3.6vw] lg:pb-[21vw]" dir="rtl">
<div class="w-[87.69%] lg:w-[81.04%] flex flex-col flex-col-reverse lg:flex-row">
<div class="bg-white flex justify-center pt-[20vw] md:pt-[9vw] md:mt-[3.6vw] md:pb-[21vw]" dir="rtl">
<div class="w-[87.69%] md:w-[81.04%] flex flex-col flex-col-reverse md:flex-row">
<div dir="rtl" class="z-[1] mt-[70vw] lg:mt-0">
<div dir="rtl" class="z-[1] mt-[70vw] md:mt-0">
<svg
class="w-[16.154vw] h-[16.154vw] lg:h-[6.979vw] lg:w-[6.979vw]"
class="w-[16.154vw] h-[16.154vw] md:h-[6.979vw] md:w-[6.979vw]"
width="134"
height="134"
viewBox="0 0 134 134"
@@ -35,15 +35,15 @@
</svg>
<h2
class="pb-[0.6vw] mt-[0.8vw] text-[8.318vw] lg:text-[2.813vw] text-[#383E43] font-[700] max-w-[57.949vw] lg:max-w-[19.531vw]"
class="pb-[0.6vw] mt-[0.8vw] text-[8.318vw] md:text-[2.813vw] text-[#383E43] font-[700] max-w-[57.949vw] md:max-w-[19.531vw]"
>
مارا در اینستاگرام دنبال کنید
</h2>
<div class="birder-b border-[1px] w-[40vw] lg:w-[13vw]"></div>
<p class="pb-[20vw] lg:pb-0 flex items-center mt-[1.7vw] text-[4.038vw] lg:text-[1.055vw] text-[#878787]">
<div class="birder-b border-[1px] w-[40vw] md:w-[13vw]"></div>
<p class="pb-[20vw] md:pb-0 flex items-center mt-[1.7vw] text-[4.038vw] md:text-[1.055vw] text-[#878787]">
دنبال کردن
<svg
class="ms-5 h-[6.667vw] w-[6.667vw] lg:h-[2.604vw] lg:w-[2.604vw]"
class="ms-5 h-[6.667vw] w-[6.667vw] md:h-[2.604vw] md:w-[2.604vw]"
width="2.604vw"
height="2.604vw"
viewBox="0 0 50 50"
@@ -75,14 +75,14 @@
</p>
</div>
<div class="relative ms-0 lg:ms-[6.8vw] gallery w-full lg:w-[32.604vw] h-[32.604vw]">
<div class="relative ms-0 md:ms-[6.8vw] gallery w-full md:w-[32.604vw] h-[32.604vw]">
<div class="grid grid-cols-2">
<img src="/public/images/gallery1.jpg" class="h-[43.846vw] lg:h-[16.302vw] object-cover w-full " alt="">
<img src="/public/images/gallery2.jpg" class="h-[43.846vw] lg:h-[16.302vw] h-[16.302vw] object-cover w-full" alt="">
<img src="/public/images/gallery3.jpg" class="h-[43.846vw] lg:h-[16.302vw] h-[16.302vw] object-cover w-full" alt="">
<img src="/public/images/gallery1.jpg" class="h-[43.846vw] lg:h-[16.302vw] h-[16.302vw] object-cover w-full" alt="">
<img src="/public/images/gallery1.jpg" class="h-[43.846vw] md:h-[16.302vw] object-cover w-full " alt="">
<img src="/public/images/gallery2.jpg" class="h-[43.846vw] md:h-[16.302vw] h-[16.302vw] object-cover w-full" alt="">
<img src="/public/images/gallery3.jpg" class="h-[43.846vw] md:h-[16.302vw] h-[16.302vw] object-cover w-full" alt="">
<img src="/public/images/gallery1.jpg" class="h-[43.846vw] md:h-[16.302vw] h-[16.302vw] object-cover w-full" alt="">
</div>
<div class="hidden lg:block -left-[21.5vw] top-[5.6vw] absolute h-[41.042vw] w-[23.438vw]">
<div class="hidden md:block -left-[21.5vw] top-[5.6vw] absolute h-[41.042vw] w-[23.438vw]">
<img src="/public/images/gallery4.jpg" class="h-[20.521vw] object-cover w-full" alt="">
<img src="/public/images/gallery5.jpg" class="h-[20.521vw] object-cover w-full" alt="">
</div>