diff options
Diffstat (limited to 'apps/mobile/components/ui/Input.tsx')
| -rw-r--r-- | apps/mobile/components/ui/Input.tsx | 25 |
1 files changed, 9 insertions, 16 deletions
diff --git a/apps/mobile/components/ui/Input.tsx b/apps/mobile/components/ui/Input.tsx index 2bd5e190..7f3a48e5 100644 --- a/apps/mobile/components/ui/Input.tsx +++ b/apps/mobile/components/ui/Input.tsx @@ -1,10 +1,9 @@ import type { TextInputProps } from "react-native"; import { forwardRef } from "react"; -import { ActivityIndicator, Text, TextInput, View } from "react-native"; +import { ActivityIndicator, TextInput, View } from "react-native"; +import { Text } from "@/components/ui/Text"; import { cn } from "@/lib/utils"; -import { TailwindResolver } from "../TailwindResolver"; - export interface InputProps extends TextInputProps { label?: string; labelClasses?: string; @@ -22,20 +21,14 @@ export const Input = forwardRef<TextInput, InputProps>( {label && ( <Text className={cn("text-base", labelClasses)}>{label}</Text> )} - <TailwindResolver - className="text-gray-400" - comp={(styles) => ( - <TextInput - ref={ref} - placeholderTextColor={styles?.color?.toString()} - className={cn( - "bg-background text-foreground", - inputClasses, - "rounded-lg border border-input px-4 py-2.5", - )} - {...props} - /> + <TextInput + ref={ref} + className={cn( + "flex h-10 w-full min-w-0 flex-row items-center rounded-md border border-input text-base leading-5 text-foreground shadow-sm shadow-black/5 dark:bg-input/30 sm:h-9", + "rounded-lg border border-input px-4 py-2.5 placeholder:text-muted-foreground/50", + inputClasses, )} + {...props} /> {loading && ( <ActivityIndicator className="absolute bottom-0 right-0 p-2" /> |