From 57f997d6cefc27524bfbad27cf83842fdc4ad971 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Thu, 17 Apr 2025 00:31:50 +0330
Subject: [PATCH] added link active and changed the logo

---
 frontend/components/global/Select.vue | 27 ++++++++++++++++-----------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/frontend/components/global/Select.vue b/frontend/components/global/Select.vue
index 5928786..b73afad 100644
--- a/frontend/components/global/Select.vue
+++ b/frontend/components/global/Select.vue
@@ -45,9 +45,7 @@ const classes = computed(() => {
             "input-solid": variant.value === "solid",
             "input-outlined": variant.value === "outlined",
             "input-effects": !error.value,
-            [variant.value === "solid"
-                ? "input-solid-error"
-                : "input-outlined-error"]: error.value,
+            [variant.value === "solid" ? "input-solid-error" : "input-outlined-error"]: error.value,
         },
         triggerRootClass.value,
     ];
@@ -61,14 +59,17 @@ const classes = computed(() => {
         :disabled="disabled || loading"
     >
         <SelectTrigger :class="classes">
-            <slot v-if="!!$slots.trigger" name="trigger" />
+            <slot
+                v-if="!!$slots.trigger"
+                name="trigger"
+            />
 
             <SelectValue
                 v-else
                 :placeholder="placeholder"
                 v-bind="$attrs"
-                :class="selectedValue ? '!text-black' : 'text-slate-400'"
-                class="font-iran-yekan-x text-xs lg:text-sm text-start placeholder-slate-400"
+                :class="selectedValue ? '!text-black' : 'text-slate-400 font-normal'"
+                class="font-iran-yekan-x text-xs lg:text-sm text-start placeholder-slate-400 placeholder:text-xs lg:placeholder:text-sm"
             />
             <Icon
                 :name="loading ? 'svg-spinners:3-dots-fade' : 'bi:chevron-down'"
@@ -83,7 +84,10 @@ const classes = computed(() => {
                 :side-offset="5"
             >
                 <SelectViewport class="p-[5px]">
-                    <slot v-if="!!$slots.content" name="content" />
+                    <slot
+                        v-if="!!$slots.content"
+                        name="content"
+                    />
 
                     <SelectGroup v-else>
                         <SelectItem
@@ -95,11 +99,12 @@ const classes = computed(() => {
                             <SelectItemIndicator
                                 class="absolute left-0 w-[25px] inline-flex items-center justify-center"
                             >
-                                <Icon name="bi:check" size="20" />
+                                <Icon
+                                    name="bi:check"
+                                    size="20"
+                                />
                             </SelectItemIndicator>
-                            <SelectItemText
-                                class="text-end font-iran-yekan-x text-sm"
-                            >
+                            <SelectItemText class="text-end font-iran-yekan-x text-sm">
                                 {{ option }}
                             </SelectItemText>
                         </SelectItem>