chore: Adjust onboarding design

This commit is contained in:
Christian Pauly 2022-08-06 13:35:59 +02:00
commit 7f92d218f8
4 changed files with 44 additions and 9 deletions

View file

@ -93,6 +93,7 @@ class ConnectPageView extends StatelessWidget {
prefixIcon: const Icon(Icons.account_box_outlined),
hintText: L10n.of(context)!.chooseAUsername,
errorText: controller.signupError,
errorStyle: const TextStyle(color: Colors.orange),
fillColor: Theme.of(context)
.colorScheme
.background
@ -114,15 +115,26 @@ class ConnectPageView extends StatelessWidget {
),
Row(
children: [
const Expanded(child: Divider(color: Colors.white)),
const Expanded(
child: Divider(
color: Colors.white,
thickness: 1,
)),
Padding(
padding: const EdgeInsets.all(12.0),
child: Text(
L10n.of(context)!.or,
style: const TextStyle(color: Colors.white),
style: const TextStyle(
color: Colors.white,
fontSize: 18,
),
),
),
const Expanded(child: Divider(color: Colors.white)),
const Expanded(
child: Divider(
color: Colors.white,
thickness: 1,
)),
],
),
],

View file

@ -48,6 +48,7 @@ class LoginView extends StatelessWidget {
decoration: InputDecoration(
prefixIcon: const Icon(Icons.account_box_outlined),
errorText: controller.usernameError,
errorStyle: const TextStyle(color: Colors.orange),
hintText: L10n.of(context)!.emailOrUsername,
fillColor: Theme.of(context)
.colorScheme
@ -70,6 +71,7 @@ class LoginView extends StatelessWidget {
decoration: InputDecoration(
prefixIcon: const Icon(Icons.lock_outlined),
errorText: controller.passwordError,
errorStyle: const TextStyle(color: Colors.orange),
suffixIcon: IconButton(
tooltip: L10n.of(context)!.showPassword,
icon: Icon(
@ -104,15 +106,26 @@ class LoginView extends StatelessWidget {
),
Row(
children: [
const Expanded(child: Divider(color: Colors.white)),
const Expanded(
child: Divider(
color: Colors.white,
thickness: 1,
)),
Padding(
padding: const EdgeInsets.all(12.0),
child: Text(
L10n.of(context)!.or,
style: const TextStyle(color: Colors.white),
style: const TextStyle(
color: Colors.white,
fontSize: 18,
),
),
),
const Expanded(child: Divider(color: Colors.white)),
const Expanded(
child: Divider(
color: Colors.white,
thickness: 1,
)),
],
),
Padding(