create profile section

This commit is contained in:
HAM!DREZA
2024-05-21 15:01:29 +03:30
parent abe8daf536
commit 0c7fd83de2
18 changed files with 1535 additions and 39 deletions
+15 -23
View File
@@ -7,7 +7,7 @@
$route.path === '/reset-password' ||
$route.path === '/new-password',
}"
class="hidden md:flexBox h-[19.479vw] bg-[#5C5C5C] flex-col space-y-[1vw]"
class="thin hidden md:flexBox h-[19.479vw] bg-[#5C5C5C] flex-col space-y-[1vw]"
>
<div
class="w-[81.04%] flex justify-between items-center text-white border-b pb-[5vw]"
@@ -21,8 +21,8 @@
<div>
<p class="text-[1.055vw] mt-[4vw]">خدمات مشتریان</p>
<p class="text-[0.833vw] mt-[1vw]">سوالات متداول</p>
<p class="text-[0.833vw] mt-[0.8vw]">قوانین سایت</p>
<p class="text-[0.833vw] mt-[1vw] text-[#E5E5E5]">سوالات متداول</p>
<p class="text-[0.833vw] mt-[0.8vw] text-[#E5E5E5]">قوانین سایت</p>
</div>
<svg
class="mt-[4vw] w-[31.719vw] h-[4.271vw]"
@@ -61,8 +61,7 @@
</p>
<div class="flex gap-[0.5vw]">
<svg
width="30"
height="30"
class="h-[1.563vw] w-[1.563vw]"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@@ -84,23 +83,16 @@
fill="white"
/>
</svg>
<svg
class="h-[1.563vw] w-[1.563vw]"
viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 15C0 23.2843 6.71573 30 15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15Z" fill="#878787"/>
<path d="M10.875 22.5H7.6875V12.4688H10.875V22.5ZM9.28125 11.0625C8.25 11.0625 7.5 10.3125 7.5 9.28125C7.5 8.25 8.34375 7.5 9.28125 7.5C10.3125 7.5 11.0625 8.25 11.0625 9.28125C11.0625 10.3125 10.3125 11.0625 9.28125 11.0625ZM22.5 22.5H19.3125V17.0625C19.3125 15.4688 18.6562 15 17.7187 15C16.7812 15 15.8437 15.75 15.8437 17.1562V22.5H12.6562V12.4688H15.6562V13.875C15.9375 13.2188 17.0625 12.1875 18.6562 12.1875C20.4375 12.1875 22.3125 13.2187 22.3125 16.3125V22.5H22.5Z" fill="white"/>
</svg>
<svg
width="30"
height="30"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0 15C0 23.2843 6.71573 30 15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15Z"
fill="#878787"
/>
</svg>
<svg
width="30"
height="30"
class="h-[1.563vw] w-[1.563vw]"
viewBox="0 0 30 30"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@@ -126,7 +118,7 @@
$route.path === '/reset-password' ||
$route.path === '/new-password',
}"
class="z-[10] fixed bottom-0 px-[5vw] flex bg-white w-full justify-around items-center md:hidden h-[19.479vw] shadow-2xl border-t"
class="thin z-[10] fixed bottom-0 px-[5vw] flex bg-white w-full justify-around items-center md:hidden h-[19.479vw] shadow-2xl border-t"
>
@@ -198,7 +190,7 @@
<span v-if="$route.path === '/about-us'" class="px-[2vw]">درباره ما</span>
</nuxt-link>
<nuxt-link to="/" class="bg-footerGreen text-primaryGreen font-semibold p-[2.564vw] flexBox rounded-[7.692vw]">
<nuxt-link to="/account" class="bg-footerGreen text-primaryGreen p-[2.564vw] flexBox rounded-[7.692vw]">
<svg
class="h-[6.154vw] w-[6.154vw]"
viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -206,7 +198,7 @@
<path d="M7.15997 14.56C4.73997 16.18 4.73997 18.82 7.15997 20.43C9.90997 22.27 14.42 22.27 17.17 20.43C19.59 18.81 19.59 16.17 17.17 14.56C14.43 12.73 9.91997 12.73 7.15997 14.56Z" stroke="#0D3F40" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<span v-if="$route.path === '/signup'" class="ps-[2vw]">پروفایل کاربری</span>
<span v-if="$route.path === '/account'" class="px-[2vw]">پروفایل کاربری</span>
</nuxt-link>
</footer>
</template>