chore: re-style onboarding buttons (#4196)
This commit is contained in:
parent
1edb3e34a9
commit
dabfb54ee8
10 changed files with 35 additions and 87 deletions
|
|
@ -177,12 +177,9 @@ class CourseInvitePageController extends State<CourseInvitePage> {
|
|||
}
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor:
|
||||
theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
spacing: 8.0,
|
||||
|
|
@ -204,12 +201,9 @@ class CourseInvitePageController extends State<CourseInvitePage> {
|
|||
}
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor:
|
||||
theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
spacing: 8.0,
|
||||
|
|
|
|||
|
|
@ -127,12 +127,8 @@ class LanguageSelectionPageState extends State<LanguageSelectionPage> {
|
|||
}
|
||||
: null,
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
|
|
|
|||
|
|
@ -50,12 +50,8 @@ class LoginOptionsView extends StatelessWidget {
|
|||
ElevatedButton(
|
||||
onPressed: () => context.go('/home/login/email'),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
spacing: 8.0,
|
||||
|
|
@ -63,7 +59,8 @@ class LoginOptionsView extends StatelessWidget {
|
|||
children: [
|
||||
PangeaLogoSvg(
|
||||
width: 20,
|
||||
forceColor: Theme.of(context).colorScheme.onSurface,
|
||||
forceColor:
|
||||
Theme.of(context).colorScheme.onPrimaryContainer,
|
||||
),
|
||||
Text(L10n.of(context).email),
|
||||
],
|
||||
|
|
|
|||
|
|
@ -95,12 +95,8 @@ class LoginOrSignupViewState extends State<LoginOrSignupView> {
|
|||
ElevatedButton(
|
||||
onPressed: () => context.go('/home/signup'),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
|
|
@ -112,12 +108,8 @@ class LoginOrSignupViewState extends State<LoginOrSignupView> {
|
|||
ElevatedButton(
|
||||
onPressed: () => context.go('/home/login'),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
|
|
|
|||
|
|
@ -108,12 +108,8 @@ class PasswordLoginView extends StatelessWidget {
|
|||
onPressed:
|
||||
controller.enabledSignIn ? controller.login : null,
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
|
|
|
|||
|
|
@ -57,12 +57,8 @@ class PlanTripPage extends StatelessWidget {
|
|||
'/$route/course/private',
|
||||
),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
spacing: 4.0,
|
||||
|
|
@ -78,12 +74,8 @@ class PlanTripPage extends StatelessWidget {
|
|||
'/$route/course/public',
|
||||
),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
spacing: 4.0,
|
||||
|
|
@ -99,12 +91,8 @@ class PlanTripPage extends StatelessWidget {
|
|||
'/$route/course/own',
|
||||
),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
spacing: 4.0,
|
||||
|
|
|
|||
|
|
@ -89,12 +89,8 @@ class PrivateTripPageState extends State<PrivateTripPage> {
|
|||
ElevatedButton(
|
||||
onPressed: _code.isNotEmpty ? _submit : null,
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
|
|
|
|||
|
|
@ -62,12 +62,8 @@ class SignupPageView extends StatelessWidget {
|
|||
'/home/signup/${controller.widget.langCode}/email',
|
||||
),
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
spacing: 8.0,
|
||||
|
|
@ -75,7 +71,8 @@ class SignupPageView extends StatelessWidget {
|
|||
children: [
|
||||
PangeaLogoSvg(
|
||||
width: 20,
|
||||
forceColor: Theme.of(context).colorScheme.onSurface,
|
||||
forceColor:
|
||||
Theme.of(context).colorScheme.onPrimaryContainer,
|
||||
),
|
||||
Text(L10n.of(context).withEmail),
|
||||
],
|
||||
|
|
|
|||
|
|
@ -79,12 +79,8 @@ class SignupWithEmailView extends StatelessWidget {
|
|||
onPressed:
|
||||
controller.enableSignUp ? controller.signup : null,
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
|
|
|
|||
|
|
@ -83,12 +83,8 @@ class PangeaSsoButton extends StatelessWidget {
|
|||
final theme = Theme.of(context);
|
||||
return ElevatedButton(
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: theme.colorScheme.surface,
|
||||
foregroundColor: theme.colorScheme.onSurface,
|
||||
side: BorderSide(
|
||||
width: 1,
|
||||
color: theme.colorScheme.onSurface,
|
||||
),
|
||||
backgroundColor: theme.colorScheme.primaryContainer,
|
||||
foregroundColor: theme.colorScheme.onPrimaryContainer,
|
||||
),
|
||||
child: Row(
|
||||
spacing: 8.0,
|
||||
|
|
@ -99,7 +95,7 @@ class PangeaSsoButton extends StatelessWidget {
|
|||
height: 20,
|
||||
width: 20,
|
||||
colorFilter: ColorFilter.mode(
|
||||
theme.colorScheme.onSurface,
|
||||
theme.colorScheme.onPrimaryContainer,
|
||||
BlendMode.srcIn,
|
||||
),
|
||||
),
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue