Add padding for the login form in web
This commit is contained in:
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))
|
||||||
]
|
]
|
||||||
)
|
)
|
||||||
],
|
],
|
||||||
|
)
|
||||||
)
|
)
|
||||||
],
|
],
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user