heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changed padding

Browse Source
This commit is contained in:
Mamalizz
2025-04-08 23:28:28 +03:30
parent 90915bfd71
commit 00169df9d3
1 changed files with 41 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/global/Footer.vue
+41 -23
View File
@@ -1,11 +1,17 @@
<template>
<div class="bg-black relative overflow-hidden">
<NuxtImg
src="/img/footer-bg.jpg"
alt=""
class="absolute z-10 object-cover opacity-45"
/>
<NuxtImg src="/img/footer-bg.jpg" alt="" class="absolute z-10 object-cover opacity-45" />
<div class="flex flex-col gap-4 items-center justify-center relative z-20">
<div class="flex items-center flex-col pb-[10px] pt-[80px] lg:py-[150px] justify-center">
<div
class="flex flex-col gap-4 items-center justify-center relative z-20"
>
<div
class="flex items-center flex-col pb-[10px] pt-[80px] lg:py-[150px] justify-center"
>
<video
src="/video/loading.mp4"
autoplay
@@ -15,22 +21,33 @@
webkit-playsinline
class="size-[150px] lg:size-[220px] rounded-full"
/>
<span class="font-bold text-2xl lg:text-5xl text-gradient bg-gradient-to-l from-blue-500 to-blue-700">
فروشگاه هیملز
<span
class="font-bold text-2xl lg:text-5xl text-gradient bg-gradient-to-l from-blue-500 to-blue-700"
>
فروشگاه هی ملز
</span>
</div>
<footer class="w-full flex max-lg:flex-col justify-between py-[100px] max-lg:gap-16 container items-center lg:items-start relative z-20">
<footer
class="w-full flex max-lg:flex-col justify-between py-[64px] max-lg:gap-16 container items-center lg:items-start relative z-20"
>
<div class="flex flex-col gap-4 max-w-[300px]">
<h3 class="font-bold text-xl xl:text-3xl max-lg:text-center text-white">
<h3
class="font-bold text-xl xl:text-3xl max-lg:text-center text-white"
>
با ما در ارتباط باشید...
</h3>
<p class="text-md font-thin leading-[175%] mt-4 max-lg:text-center text-slate-300">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها
<p
class="text-md font-thin leading-[175%] mt-4 max-lg:text-center text-slate-300"
>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنگی با
تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان
گرافیک است. چاپگرها
</p>
<div class="flex items-center gap-4 mt-6 max-lg:justify-center">
<div
class="flex items-center gap-4 mt-6 max-lg:justify-center"
>
<NuxtLink to="#" class="flex-center size-[1.5rem]">
<Icon
name="ci:instagram"
@@ -63,10 +80,10 @@
</div>
<div class="flex justify-center lg:justify-end flex-1">
<div class="flex flex-col gap-6 max-lg:text-center">
<h3 class="font-bold text-white">
لینک های مفید
</h3>
<ul class="flex flex-col gap-4 font-thin text-slate-300">
<h3 class="font-bold text-white">لینک های مفید</h3>
<ul
class="flex flex-col gap-4 font-thin text-slate-300"
>
<li>از طراحان گرافیک است</li>
<li>تولید نامفهوم</li>
<li>ستون و سطرآنچنان که لازم</li>
@@ -76,10 +93,10 @@
</div>
<div class="flex justify-end flex-1">
<div class="flex flex-col gap-6 max-lg:text-center">
<h3 class="font-bold text-white">
لینک های مفید
</h3>
<ul class="flex flex-col gap-4 font-thin text-slate-300">
<h3 class="font-bold text-white">لینک های مفید</h3>
<ul
class="flex flex-col gap-4 font-thin text-slate-300"
>
<li>از طراحان گرافیک است</li>
<li>تولید نامفهوم</li>
<li>ستون و سطرآنچنان که لازم</li>
@@ -92,7 +109,9 @@
<h3 class="font-bold w-full text-white">
لینک های مفید
</h3>
<ul class="flex flex-col gap-4 font-thin text-slate-300">
<ul
class="flex flex-col gap-4 font-thin text-slate-300"
>
<li>از طراحان گرافیک است</li>
<li>تولید نامفهوم</li>
<li>ستون و سطرآنچنان که لازم</li>
@@ -101,7 +120,6 @@
</div>
</div>
</footer>
</div>
</div>
</template>