Add padding for the login form in web

This commit is contained in:
Dat PHAM HOANG
2022-05-18 15:52:45 +07:00
committed by Dat H. Pham
parent cd6d95d42a
commit a16fab5562
@@ -72,73 +72,75 @@ class LoginView extends BaseLoginView {
Widget _buildWebForm(BuildContext context) { Widget _buildWebForm(BuildContext context) {
return Stack( return Stack(
children: [ children: [
Row( Padding(
mainAxisAlignment: MainAxisAlignment.center, padding: const EdgeInsets.only(top: 60, bottom: 60),
crossAxisAlignment: CrossAxisAlignment.start, child: Row(
children: [ mainAxisAlignment: MainAxisAlignment.center,
Padding( crossAxisAlignment: CrossAxisAlignment.start,
padding: const EdgeInsets.only(right: 86), children: [
child: Column( Padding(
mainAxisAlignment: MainAxisAlignment.center, padding: const EdgeInsets.only(right: 86),
mainAxisSize: MainAxisSize.max, child: Column(
crossAxisAlignment: CrossAxisAlignment.start, mainAxisAlignment: MainAxisAlignment.center,
children: [ mainAxisSize: MainAxisSize.max,
Text( crossAxisAlignment: CrossAxisAlignment.start,
AppLocalizations.of(context).jmapBasedMailSolution, children: [
style: const TextStyle(fontSize: 36, color: AppColor.colorNameEmail, fontWeight: FontWeight.w900) Text(
), AppLocalizations.of(context).jmapBasedMailSolution,
Padding( style: const TextStyle(fontSize: 36, color: AppColor.colorNameEmail, fontWeight: FontWeight.w900)
padding: const EdgeInsets.only(top: 24), ),
child: (SloganBuilder(arrangedByHorizontal: true, ) Padding(
..setLogoSVG(imagePaths.icJMAPStandard) padding: const EdgeInsets.only(top: 24),
..setSizeLogo(48.0) child: (SloganBuilder(arrangedByHorizontal: true, )
..setPadding(const EdgeInsets.only(left: 12)) ..setLogoSVG(imagePaths.icJMAPStandard)
..setSloganText(AppLocalizations.of(context).jmapStandard) ..setSizeLogo(48.0)
..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail))) ..setPadding(const EdgeInsets.only(left: 12))
.build() ..setSloganText(AppLocalizations.of(context).jmapStandard)
), ..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)))
Padding( .build()
padding: const EdgeInsets.only(top: 16), ),
child: (SloganBuilder(arrangedByHorizontal: true, ) Padding(
..setLogoSVG(imagePaths.icEncrypted) padding: const EdgeInsets.only(top: 16),
..setSizeLogo(48.0) child: (SloganBuilder(arrangedByHorizontal: true, )
..setPadding(const EdgeInsets.only(left: 12)) ..setLogoSVG(imagePaths.icEncrypted)
..setSloganText(AppLocalizations.of(context).encryptedMailbox) ..setSizeLogo(48.0)
..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail))) ..setPadding(const EdgeInsets.only(left: 12))
.build() ..setSloganText(AppLocalizations.of(context).encryptedMailbox)
), ..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)))
Padding( .build()
padding: const EdgeInsets.only(top: 16), ),
child: (SloganBuilder(arrangedByHorizontal: true, ) Padding(
..setLogoSVG(imagePaths.icTeam) padding: const EdgeInsets.only(top: 16),
..setSizeLogo(48.0) child: (SloganBuilder(arrangedByHorizontal: true, )
..setPadding(const EdgeInsets.only(left: 12)) ..setLogoSVG(imagePaths.icTeam)
..setSloganText(AppLocalizations.of(context).manageEmailAsATeam) ..setSizeLogo(48.0)
..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail))) ..setPadding(const EdgeInsets.only(left: 12))
.build() ..setSloganText(AppLocalizations.of(context).manageEmailAsATeam)
), ..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)))
Padding( .build()
padding: const EdgeInsets.only(top: 16), ),
child: (SloganBuilder(arrangedByHorizontal: true, ) Padding(
..setLogoSVG(imagePaths.icIntegration) padding: const EdgeInsets.only(top: 16),
..setSizeLogo(48.0) child: (SloganBuilder(arrangedByHorizontal: true, )
..setPadding(const EdgeInsets.only(left: 12)) ..setLogoSVG(imagePaths.icIntegration)
..setSloganText(AppLocalizations.of(context).multipleIntegrations) ..setSizeLogo(48.0)
..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail))) ..setPadding(const EdgeInsets.only(left: 12))
.build() ..setSloganText(AppLocalizations.of(context).multipleIntegrations)
), ..setSloganTextStyle(const TextStyle(fontSize: 24, fontWeight: FontWeight.w400, color: AppColor.colorNameEmail)))
Padding( .build()
padding: const EdgeInsets.only(top: 44), ),
child: Image( Padding(
image: AssetImage(imagePaths.loginGraphic), padding: const EdgeInsets.only(top: 44),
fit: BoxFit.fill, child: Image(
alignment: Alignment.center image: AssetImage(imagePaths.loginGraphic),
fit: BoxFit.fill,
alignment: Alignment.center
)
) )
) ],
], )
) ),
), Column(
Column(
children: [ children: [
SizedBox( SizedBox(
height: 690, height: 690,
@@ -184,7 +186,8 @@ class LoginView extends BaseLoginView {
child: SvgPicture.asset(imagePaths.icPowerByLinagora, width: 97, height: 44, fit: BoxFit.fill)) child: SvgPicture.asset(imagePaths.icPowerByLinagora, width: 97, height: 44, fit: BoxFit.fill))
] ]
) )
], ],
)
) )
], ],
); );