diff --git a/core/lib/presentation/extensions/color_extension.dart b/core/lib/presentation/extensions/color_extension.dart index 1aad56566..d99b70d70 100644 --- a/core/lib/presentation/extensions/color_extension.dart +++ b/core/lib/presentation/extensions/color_extension.dart @@ -233,6 +233,7 @@ extension AppColor on Color { static const messageDialogHighlightColor = Color(0xFF37383A); static const labelColor = Color(0xFF71767C); static const thumbScrollbarColor = Color(0xFFC1C1C1); + static const loginViewShadowColor = Color(0x3DBCBCBC); static const mapGradientColor = [ [Color(0xFF21D4FD), Color(0xFFB721FF)], diff --git a/lib/features/login/presentation/login_view_web.dart b/lib/features/login/presentation/login_view_web.dart index 9db8e30b9..53b9286ee 100644 --- a/lib/features/login/presentation/login_view_web.dart +++ b/lib/features/login/presentation/login_view_web.dart @@ -156,51 +156,58 @@ class LoginView extends BaseLoginView { ), Column( children: [ - SizedBox( - height: 690, - width: 445, - child: Card( + Container( + height: 684, + width: 458, + padding: const EdgeInsets.symmetric(horizontal: 31), + clipBehavior: Clip.antiAlias, + decoration: const ShapeDecoration( + color: Colors.white, shape: RoundedRectangleBorder( - borderRadius: BorderRadius.circular(20.0), + borderRadius: BorderRadius.all(Radius.circular(20)), ), - elevation: 10, - child: Padding( - padding: const EdgeInsets.only(left: 31, right: 31), - child: Column( - mainAxisAlignment: MainAxisAlignment.start, - crossAxisAlignment: CrossAxisAlignment.center, - children: [ - Padding( - padding: const EdgeInsets.only(top: 66), - child: _buildAppLogo(context) - ), - Padding( - padding: const EdgeInsets.only(top: 67), - child: Text( - AppLocalizations.of(context).signIn, - style: const TextStyle(fontSize: 32, color: AppColor.colorNameEmail, fontWeight: FontWeight.w900) - ) - ), - Obx(() => LoginMessageWidget( - formType: controller.loginFormType.value, - viewState: controller.viewState.value, - )), - Obx(() { - switch (controller.loginFormType.value) { - case LoginFormType.credentialForm: - return buildInputCredentialForm(context); - default: - return const SizedBox.shrink(); - } - }), - _buildLoadingProgress(context), - const Padding( - padding: EdgeInsets.only(top: 16), - child: PrivacyLinkWidget() - ), - ], + shadows: [ + BoxShadow( + color: AppColor.loginViewShadowColor, + blurRadius: 40, + offset: Offset(0, 2), + spreadRadius: 2, ) - ) + ], + ), + child: Column( + mainAxisAlignment: MainAxisAlignment.start, + crossAxisAlignment: CrossAxisAlignment.center, + children: [ + Padding( + padding: const EdgeInsets.only(top: 66), + child: _buildAppLogo(context) + ), + Padding( + padding: const EdgeInsets.only(top: 67), + child: Text( + AppLocalizations.of(context).signIn, + style: const TextStyle(fontSize: 32, color: AppColor.colorNameEmail, fontWeight: FontWeight.w900) + ) + ), + Obx(() => LoginMessageWidget( + formType: controller.loginFormType.value, + viewState: controller.viewState.value, + )), + Obx(() { + switch (controller.loginFormType.value) { + case LoginFormType.credentialForm: + return buildInputCredentialForm(context); + default: + return const SizedBox.shrink(); + } + }), + _buildLoadingProgress(context), + const Padding( + padding: EdgeInsets.only(top: 16), + child: PrivacyLinkWidget() + ), + ], ) ), Padding(