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

changed some styles

Browse Source
This commit is contained in:
Mamalizz
2025-04-18 19:50:28 +03:30
parent d2eacef876
commit 4e98e0c0d9
1 changed files with 28 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/components/global/Footer.vue
+28 -37
View File
@@ -6,19 +6,13 @@
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 gap-8 pb-[10px] pt-[80px] lg:pt-[150px] lg:pb-[50px] justify-center"
>
<div class="flex flex-col gap-4 items-center justify-center relative z-20">
<div class="flex items-center flex-col gap-8 pb-[10px] pt-[80px] lg:pt-[100px] lg:pb-[50px] justify-center">
<img
src="/img/heymlz/heymlz-small-idle.gif"
class="size-[150px] lg:size-[220px] rounded-full drop-shadow-2xl"
/>
<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>
@@ -27,44 +21,49 @@
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-lg xl:text-3xl max-lg:text-center text-white"
>
<h3 class="font-bold text-lg 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 max-lg:text-xs"
>
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنگی با
تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان
گرافیک است. چاپگرها
<p class="text-md font-thin leading-[175%] mt-4 max-lg:text-center text-slate-300 max-lg:text-xs">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنگی با تولید سادگی نامفهوم از صنعت چاپ و با
استفاده از طراحان گرافیک است. چاپگرها
</p>
<div
class="flex items-center gap-4 mt-6 max-lg:justify-center"
>
<NuxtLink to="#" class="flex-center size-[1.5rem]">
<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"
class="**:fill-white"
size="24"
/>
</NuxtLink>
<NuxtLink to="#" class="flex-center size-[1.5rem]">
<NuxtLink
to="#"
class="flex-center size-[1.5rem]"
>
<Icon
name="ci:facebook"
class="**:fill-white **:stroke-white"
size="20"
/>
</NuxtLink>
<NuxtLink to="#" class="flex-center size-[1.5rem]">
<NuxtLink
to="#"
class="flex-center size-[1.5rem]"
>
<Icon
name="ci:tiktok"
class="**:fill-white **:stroke-white"
size="20"
/>
</NuxtLink>
<NuxtLink to="#" class="flex-center size-[1.5rem]">
<NuxtLink
to="#"
class="flex-center size-[1.5rem]"
>
<Icon
name="ci:youtube"
class="**:fill-white"
@@ -76,9 +75,7 @@
<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 max-lg:text-xs"
>
<ul class="flex flex-col gap-4 font-thin text-slate-300 max-lg:text-xs">
<li>از طراحان گرافیک است</li>
<li>تولید نامفهوم</li>
<li>ستون و سطرآنچنان که لازم</li>
@@ -89,9 +86,7 @@
<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 max-lg:text-xs"
>
<ul class="flex flex-col gap-4 font-thin text-slate-300 max-lg:text-xs">
<li>از طراحان گرافیک است</li>
<li>تولید نامفهوم</li>
<li>ستون و سطرآنچنان که لازم</li>
@@ -101,12 +96,8 @@
</div>
<div class="flex justify-end flex-1">
<div class="flex flex-col gap-6 max-lg:text-center">
<h3 class="font-bold w-full text-white">
لینک های مفید
</h3>
<ul
class="flex flex-col gap-4 font-thin text-slate-300 max-lg:text-xs"
>
<h3 class="font-bold w-full text-white">لینک های مفید</h3>
<ul class="flex flex-col gap-4 font-thin text-slate-300 max-lg:text-xs">
<li>از طراحان گرافیک است</li>
<li>تولید نامفهوم</li>
<li>ستون و سطرآنچنان که لازم</li>