fixed css bugs
This commit is contained in:
@@ -1,12 +1,12 @@
|
||||
|
||||
<template>
|
||||
<div
|
||||
class="!max-w-[100vw] transform-bubbles header h-[76.923vw] lg:h-[48.802vw] text-white flex flex-col items-center"
|
||||
class="!max-w-[100vw] transform-bubbles header h-[76.923vw] md:h-[48.802vw] text-white flex flex-col items-center"
|
||||
>
|
||||
<svg
|
||||
class="flex md:hidden absolute animate rotating-mobile rotating"
|
||||
width="390"
|
||||
height="239"
|
||||
width="100vw"
|
||||
height="58vw"
|
||||
viewBox="0 0 390 239"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -35,7 +35,7 @@
|
||||
</svg>
|
||||
|
||||
<svg
|
||||
class="hidden md:flex rotating-bubbles animate absolute rotating -top-[50.231vw] lg:!-top-[8.8vw] h-[120.513vw] lg:h-[44.688vw] w-[95%] !overflow-x-hidden lg:w-[44.688vw]"
|
||||
class="hidden md:flex rotating-bubbles animate absolute rotating -top-[50.231vw] md:!-top-[8.8vw] h-[120.513vw] md:h-[44.688vw] w-[95%] !overflow-x-hidden md:w-[44.688vw]"
|
||||
viewBox="0 0 858 858"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -63,7 +63,8 @@
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
<svg class="block md:hidden h-[9.744vw] w-[9.744vw] absolute top-[55vw]" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
|
||||
<svg class="block md:hidden h-[9.744vw] w-[9.744vw] absolute mt-[53vw]" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="19" cy="19" r="19" fill="white"/>
|
||||
<path d="M13.5 16.5526V21.4476C13.5 24.4909 15.6542 25.7284 18.285 24.2159L19.4583 23.5376C19.7425 23.3726 19.9167 23.0701 19.9167 22.7401V15.2601C19.9167 14.9301 19.7425 14.6276 19.4583 14.4626L18.285 13.7842C15.6542 12.2717 13.5 13.5092 13.5 16.5526Z" fill="#383E43"/>
|
||||
<path d="M20.833 16.0574V21.9516C20.833 22.3091 21.218 22.5291 21.5205 22.3458L22.5288 21.7591C25.1597 20.2466 25.1597 17.7533 22.5288 16.2408L21.5205 15.6541C21.218 15.4799 20.833 15.6999 20.833 16.0574Z" fill="#383E43"/>
|
||||
@@ -76,7 +77,7 @@
|
||||
|
||||
|
||||
<svg
|
||||
class="hidden md:block arrow absolute h-[4.167vw] w-[4.167vw] lg:!top-[33.75vw]"
|
||||
class="hidden md:block arrow absolute h-[4.167vw] w-[4.167vw] md:!top-[33.75vw]"
|
||||
viewBox="0 0 80 80"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
@@ -93,14 +94,14 @@
|
||||
</svg>
|
||||
|
||||
<h1
|
||||
class="text-[7.277vw] lg:text-[3.718vw] font-[700] mt-[100px] lg:mt-[120px] lg:mt-[9.115vw]"
|
||||
class="text-[7.277vw] md:text-[3.718vw] font-[700] mt-[100px] md:mt-[120px] md:mt-[9.115vw]"
|
||||
>
|
||||
JAVANEH
|
||||
</h1>
|
||||
<h1 class="text-[4.544vw] lg:text-[1.927vw] font-[500]">
|
||||
<h1 class="text-[4.544vw] md:text-[1.927vw] font-[500]">
|
||||
فروشگاه محصولات ارگانیک
|
||||
</h1>
|
||||
<p class="hidden lg:block text-[0.938vw] w-[40vw] text-center mt-[0.3vw]">
|
||||
<p class="hidden md:block text-[0.938vw] w-[40vw] text-center mt-[0.3vw]">
|
||||
وب سایت جوانه شرکتی در حوزه تامین و توزیع محصولات طبیعی، ارگانیک و سالم
|
||||
میباشد که این امکان را به مصرف کننده میدهد تا بتواند انواع محصولات تازه را
|
||||
با حق انتخاب و تنوع بسیار بالا و با مناسبترین قیمت داشته باشد.
|
||||
|
||||
Reference in New Issue
Block a user