responsived

This commit is contained in:
Mamalizz
2025-04-16 22:58:07 +03:30
parent 8672e9a895
commit abdc237a95
+7 -7
View File
@@ -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>