From 4e98e0c0d9aebe6ec34aeb7c8599dd8585d8d3f3 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Fri, 18 Apr 2025 19:50:28 +0330
Subject: [PATCH] changed some styles

---
 frontend/components/global/Footer.vue | 65 ++++++++++++---------------
 1 file changed, 28 insertions(+), 37 deletions(-)

diff --git a/frontend/components/global/Footer.vue b/frontend/components/global/Footer.vue
index e8eb37d..a02b380 100644
--- a/frontend/components/global/Footer.vue
+++ b/frontend/components/global/Footer.vue
@@ -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>