Update icons with pointerEvents="none" and upgrade lucide-react-native to v0.563.0
This commit is contained in:
@@ -85,7 +85,7 @@ export default function LoginScreen() {
|
||||
<View>
|
||||
<Text className="text-gray-700 text-lg font-bold mb-3 ml-1">Username o Email</Text>
|
||||
<View className="flex-row items-center bg-gray-50 border border-gray-100 rounded-2xl h-16 px-4 flex">
|
||||
<Mail size={24} color="#9ca3af" />
|
||||
<Mail size={24} color="#9ca3af" pointerEvents="none" />
|
||||
<TextInput
|
||||
className="flex-1 ml-4 text-gray-800 text-lg font-medium h-full w-full"
|
||||
placeholder="mario.rossi@esempio.com"
|
||||
@@ -102,7 +102,7 @@ export default function LoginScreen() {
|
||||
<View>
|
||||
<Text className="text-gray-700 text-lg font-bold mb-3 ml-1">Password</Text>
|
||||
<View className="flex-row items-center bg-gray-50 border border-gray-100 rounded-2xl h-16 px-4 flex">
|
||||
<Lock size={24} color="#9ca3af" />
|
||||
<Lock size={24} color="#9ca3af" pointerEvents="none" />
|
||||
<TextInput
|
||||
className="flex-1 ml-4 text-gray-800 text-lg font-medium h-full w-full"
|
||||
placeholder="••••••••"
|
||||
@@ -113,9 +113,9 @@ export default function LoginScreen() {
|
||||
/>
|
||||
<TouchableOpacity onPress={() => setShowPassword(!showPassword)}>
|
||||
{showPassword ? (
|
||||
<EyeOff size={24} color="#6b7280" />
|
||||
<EyeOff size={24} color="#6b7280" pointerEvents="none" />
|
||||
) : (
|
||||
<Eye size={24} color="#6b7280" />
|
||||
<Eye size={24} color="#6b7280" pointerEvents="none" />
|
||||
)}
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
@@ -135,7 +135,7 @@ export default function LoginScreen() {
|
||||
<Text className="text-white text-xl font-bold mr-2">
|
||||
{isLoading ? 'Accesso in corso...' : 'Accedi'}
|
||||
</Text>
|
||||
{!isLoading && <LogIn size={24} color="white" />}
|
||||
{!isLoading && <LogIn size={24} color="white" pointerEvents="none" />}
|
||||
</TouchableOpacity>
|
||||
</View>
|
||||
</ScrollView>
|
||||
|
||||
Reference in New Issue
Block a user