design: Adjust login page design

This commit is contained in:
krille-chan 2023-12-22 20:36:11 +01:00
parent e1474c48d8
commit 98573fba4a
No known key found for this signature in database

View file

@ -91,8 +91,11 @@ class HomeserverPickerView extends StatelessWidget {
const SizedBox(height: 36), const SizedBox(height: 36),
] else ] else
Padding( Padding(
padding: padding: const EdgeInsets.only(
const EdgeInsets.symmetric(horizontal: 8.0), right: 8.0,
left: 8.0,
bottom: 16.0,
),
child: FluffyThemes.isColumnMode(context) child: FluffyThemes.isColumnMode(context)
? Image.asset( ? Image.asset(
'assets/info-logo.png', 'assets/info-logo.png',
@ -181,30 +184,30 @@ class _LoginButton extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
margin: const EdgeInsets.only(bottom: 12), margin: const EdgeInsets.only(bottom: 12),
padding: const EdgeInsets.symmetric(horizontal: 16),
alignment: Alignment.center, alignment: Alignment.center,
child: SizedBox( child: SizedBox(
width: 256, width: double.infinity,
child: OutlinedButton( child: OutlinedButton(
style: OutlinedButton.styleFrom( style: OutlinedButton.styleFrom(
side: BorderSide( side: BorderSide(
width: 1, width: 1,
color: Theme.of(context).colorScheme.onBackground, color: Theme.of(context).colorScheme.surfaceVariant,
), ),
shape: RoundedRectangleBorder( shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(90), borderRadius: BorderRadius.circular(AppConfig.borderRadius),
), ),
foregroundColor: Theme.of(context).colorScheme.onBackground, foregroundColor: Theme.of(context).colorScheme.onBackground,
), ),
onPressed: onPressed, onPressed: onPressed,
child: Row( child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
icon, icon,
const SizedBox(width: 16), const SizedBox(width: 16),
Expanded( Text(
child: Text( label,
label, overflow: TextOverflow.ellipsis,
overflow: TextOverflow.ellipsis,
),
), ),
], ],
), ),