responsived

frontend/components/global/Input.vue

@@ -40,22 +40,24 @@ const classes = computed(() => {
             "input-outlined": variant.value === "outlined",
             "pointer-events-none opacity-80 text-slate-500": disabled.value,
             "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>
-    <div v-bind="$attrs" :class="classes" @click="inputRef?.focus()">
+    <div
+        v-bind="$attrs"
+        :class="classes"
+        @click="inputRef?.focus()"
+    >
         <slot name="startItem" />
 
         <input
             v-model="value"
             ref="inputRef"
-            class="outline-none flex-1 text-xs lg:text-sm placeholder-slate-400"
+            class="outline-none flex-1 text-xs lg:text-sm placeholder-slate-400 placeholder:text-xs lg:placeholder:text-sm placeholder:font-normal"
             :placeholder="placeholder"
         />