From abdc237a95fad1c6a44473a87cc0211f514c3d1e Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Wed, 16 Apr 2025 22:58:07 +0330
Subject: [PATCH] responsived

---
 frontend/pages/profile/notifications.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/pages/profile/notifications.vue b/frontend/pages/profile/notifications.vue
index ce345bf..387575f 100644
--- a/frontend/pages/profile/notifications.vue
+++ b/frontend/pages/profile/notifications.vue
@@ -60,13 +60,13 @@ watch(
 
         <div
             v-if="isSupported"
-            class="w-fill flex items-center justify-between p-5 pt-0 border-b border-slate-200"
+            class="w-fill flex items-center justify-between py-5 lg:p-5 pt-0 border-b border-slate-200 gap-5"
         >
             <div class="flex items-start justify-start gap-3">
                 <Icon name="bi:bell" size="20" />
                 <div class="flex flex-col gap-1 pb-0.5">
                     <span class="text-sm"> دریافت مستقیم اعلانات </span>
-                    <span class="text-xs text-slate-500">
+                    <span class="text-xs text-slate-500 leading-[175%]">
                         اعلانات حساب شما به صورت مستقیم به دستگاه شما ارسال می
                         شود
                     </span>
@@ -83,10 +83,10 @@ watch(
             </div>
         </div>
 
-        <div class="w-full flex items-center justify-between px-5">
-            <span> 1 اعلان </span>
+        <div class="w-full flex items-center justify-between lg:px-5">
+            <span class="max-lg:text-sm"> 1 اعلان </span>
             <div class="flex items-center justify-start gap-3">
-                <span class="text-sm">فیلتر بر اساس</span>
+                <span class="text-xs lg:text-sm">فیلتر بر اساس</span>
 
                 <Select
                     v-model="params.sort!"
@@ -98,7 +98,7 @@ watch(
                             <SelectItem
                                 v-for="(category, index) in sortFilters"
                                 :key="index"
-                                class="text-xs leading-none w-full rounded-sm py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
+                                class="text-xs leading-none w-full rounded-sm py-4 lg:py-5 flex items-center justify-between h-[25px] pr-[12px] relative select-none data-[disabled]:pointer-events-none data-[highlighted]:outline-none data-[highlighted]:bg-slate-300 data-[highlighted]:text-black"
                                 :value="category.value"
                             >
                                 <SelectItemIndicator
@@ -107,7 +107,7 @@ watch(
                                     <Icon name="bi:check" size="20" />
                                 </SelectItemIndicator>
                                 <SelectItemText
-                                    class="text-end font-iran-yekan-x text-sm"
+                                    class="text-end font-iran-yekan-x text-xs lg:text-sm"
                                 >
                                     {{ category.title }}
                                 </SelectItemText>