redesign AuthenticationView

2023-09-20 10:27:24 +02:00
parent 6768b0b2a6
commit 973f9bf5b3
14 changed files with 624 additions and 166 deletions
@@ -225,8 +225,18 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
 		elevation: elevationValue,
 	};

+	const disableStyle = {
+		backgroundColor: isOutlined ? 'rgba(0,0,0,0.3)' : styleAnimate.Disabled.backgroundColor,
+		borderColor: isOutlined ? styleAnimate.Disabled.backgroundColor : 'transparent',
+		borderWidth: 2,
+		scale: styleAnimate.Disabled.scale,
+		shadowOpacity: styleAnimate.Disabled.shadowOpacity,
+		shadowRadius: styleAnimate.Disabled.shadowRadius,
+		elevation: styleAnimate.Disabled.elevation,
+	}
+
 	return (
-		<Animated.View style={[style, isDisabled ? styleAnimate.Disabled : animatedStyle]}>
+		<Animated.View style={[style, isDisabled ? disableStyle : animatedStyle]}>
 			<Pressable
 				disabled={isDisabled}
 				onHoverIn={handleMouseEnter}