From bc920029ea28d64cf8c1f336c51b4fc03f351508 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Fri, 13 Dec 2024 23:46:46 +0330
Subject: [PATCH] removed tooltip from input

---
 frontend/components/Input.vue | 34 +++++++++++++++++++---------------
 1 file changed, 19 insertions(+), 15 deletions(-)

diff --git a/frontend/components/Input.vue b/frontend/components/Input.vue
index eb55311..756718d 100644
--- a/frontend/components/Input.vue
+++ b/frontend/components/Input.vue
@@ -1,21 +1,20 @@
 <script setup lang="ts">
-
 // types
 import Tooltip from "~/components/Tooltip.vue";
 
 type Props = {
-    variant?: "solid" | "outlined",
+    variant?: "solid" | "outlined";
     startIcon?: string;
     endIcon?: string;
     disabled?: boolean;
     error?: boolean;
     message?: string;
     placeholder?: string;
-}
+};
 
 // props
 const props = withDefaults(defineProps<Props>(), {
-    variant: "solid"
+    variant: "solid",
 });
 const { variant, message, error, disabled } = toRefs(props);
 
@@ -30,19 +29,24 @@ 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,
+        },
     ];
 });
-
 </script>
 
 <template>
-    <Tooltip :title="message">
-        <div v-bind="$attrs" :class="classes" @click="inputRef?.focus()">
-            <Icon v-if="startIcon" :name="startIcon" class="ms-0" size="24px" />
-            <input ref="inputRef" class="outline-none" :placeholder="placeholder" />
-            <Icon v-if="endIcon" :name="endIcon" class="me-0" size="24px" />
-        </div>
-    </Tooltip>
-</template>
\ No newline at end of file
+    <div v-bind="$attrs" :class="classes" @click="inputRef?.focus()">
+        <Icon v-if="startIcon" :name="startIcon" class="ms-0" size="24px" />
+        <input
+            ref="inputRef"
+            class="outline-none w-max"
+            :placeholder="placeholder"
+        />
+        <Icon v-if="endIcon" :name="endIcon" class="me-0" size="24px" />
+    </div>
+    <!-- <Tooltip :title="message" class="w-full">
+    </Tooltip> -->
+</template>