removed some style

frontend/components/global/Input.vue

@@ -29,20 +29,20 @@ const inputRef = ref<HTMLInputElement | null>(null);
 
 const value = computed({
     get: () => modelValue.value ?? "",
-    set: (value) => emit("update:modelValue", value)
+    set: (value) => emit("update:modelValue", value),
 });
 
 const classes = computed(() => {
     return [
-        "flex items-center text-black justify-between cursor-text transition-all border-[1.5px] gap-3 typo-label-md px-4 py-3.5 selection:bg-slate-100 rounded-100",
+        "flex items-center text-black justify-between cursor-text transition-all border-[1.5px] gap-3 typo-label-md px-4 py-2.5 lg:py-3.5 selection:bg-slate-100 rounded-100",
         {
             "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
-        }
+                : "input-outlined-error"]: error.value,
+        },
     ];
 });
 </script>
@@ -54,12 +54,10 @@ const classes = computed(() => {
         <input
             v-model="value"
             ref="inputRef"
-            class="outline-none flex-1 text-sm placeholder-slate-400"
+            class="outline-none flex-1 text-xs lg:text-sm placeholder-slate-400"
             :placeholder="placeholder"
         />
 
         <slot name="endItem" />
     </div>
-    <!-- <Tooltip :title="message" class="w-full">
-    </Tooltip> -->
 </template>