chore: Adjust onboarding design

This commit is contained in:
Christian Pauly 2022-08-06 13:35:59 +02:00
parent 20596a2c5d
commit 028dc83ed9
4 changed files with 44 additions and 9 deletions

View File

@ -61,6 +61,12 @@ abstract class FluffyThemes {
surfaceTintColor: Colors.white,
shadowColor: Colors.black.withAlpha(64),
),
elevatedButtonTheme: ElevatedButtonThemeData(
style: ElevatedButton.styleFrom(
padding: const EdgeInsets.all(16),
textStyle: const TextStyle(fontSize: 16),
),
),
);
static ThemeData dark([ColorScheme? colorScheme]) => ThemeData(
@ -94,6 +100,12 @@ abstract class FluffyThemes {
surfaceTintColor: Colors.black,
shadowColor: Colors.black.withAlpha(64),
),
elevatedButtonTheme: ElevatedButtonThemeData(
style: ElevatedButton.styleFrom(
padding: const EdgeInsets.all(16),
textStyle: const TextStyle(fontSize: 16),
),
),
);
static Color blackWhiteColor(BuildContext context) =>

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(

View File

@ -32,9 +32,7 @@ class LoginScaffold extends StatelessWidget {
decoration: const BoxDecoration(
image: DecorationImage(
fit: BoxFit.cover,
image: AssetImage(
'assets/login_wallpaper.png',
),
image: AssetImage('assets/login_wallpaper.png'),
),
),
alignment: Alignment.center,