desktop receive style fixes

This commit is contained in:
julian 2022-10-27 11:34:46 -06:00
parent 00e8019639
commit 6ca5b55714

View file

@ -16,7 +16,6 @@ import 'package:stackwallet/utilities/enums/coin_enum.dart';
import 'package:stackwallet/utilities/enums/flush_bar_type.dart'; import 'package:stackwallet/utilities/enums/flush_bar_type.dart';
import 'package:stackwallet/utilities/text_styles.dart'; import 'package:stackwallet/utilities/text_styles.dart';
import 'package:stackwallet/utilities/theme/stack_colors.dart'; import 'package:stackwallet/utilities/theme/stack_colors.dart';
import 'package:stackwallet/widgets/custom_buttons/blue_text_button.dart';
import 'package:stackwallet/widgets/custom_loading_overlay.dart'; import 'package:stackwallet/widgets/custom_loading_overlay.dart';
import 'package:stackwallet/widgets/desktop/secondary_button.dart'; import 'package:stackwallet/widgets/desktop/secondary_button.dart';
import 'package:stackwallet/widgets/rounded_white_container.dart'; import 'package:stackwallet/widgets/rounded_white_container.dart';
@ -150,8 +149,8 @@ class _DesktopReceiveState extends ConsumerState<DesktopReceive> {
children: [ children: [
SvgPicture.asset( SvgPicture.asset(
Assets.svg.copy, Assets.svg.copy,
width: 10, width: 15,
height: 10, height: 15,
color: Theme.of(context) color: Theme.of(context)
.extension<StackColors>()! .extension<StackColors>()!
.infoItemIcons, .infoItemIcons,
@ -168,14 +167,19 @@ class _DesktopReceiveState extends ConsumerState<DesktopReceive> {
], ],
), ),
const SizedBox( const SizedBox(
height: 4, height: 8,
), ),
Row( Row(
children: [ children: [
Expanded( Expanded(
child: Text( child: Text(
receivingAddress, receivingAddress,
style: STextStyles.itemSubtitle12(context), style: STextStyles.desktopTextExtraExtraSmall(context)
.copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark,
),
), ),
), ),
], ],
@ -209,25 +213,54 @@ class _DesktopReceiveState extends ConsumerState<DesktopReceive> {
const SizedBox( const SizedBox(
height: 32, height: 32,
), ),
Center( // TODO: create transparent button class to account for hover
child: BlueTextButton( GestureDetector(
text: "Create new QR code", onTap: () async {
onTap: () async { unawaited(
unawaited( Navigator.of(context).push(
Navigator.of(context).push( RouteGenerator.getRoute(
RouteGenerator.getRoute( shouldUseMaterialRoute: RouteGenerator.useMaterialPageRoute,
shouldUseMaterialRoute: RouteGenerator.useMaterialPageRoute, builder: (_) => GenerateUriQrCodeView(
builder: (_) => GenerateUriQrCodeView( coin: coin,
coin: coin, receivingAddress: receivingAddress,
receivingAddress: receivingAddress, ),
), settings: const RouteSettings(
settings: const RouteSettings( name: GenerateUriQrCodeView.routeName,
name: GenerateUriQrCodeView.routeName, ),
),
),
);
},
child: Container(
color: Colors.transparent,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SvgPicture.asset(
Assets.svg.qrcode,
width: 14,
height: 16,
color: Theme.of(context)
.extension<StackColors>()!
.accentColorBlue,
),
const SizedBox(
width: 8,
),
Padding(
padding: const EdgeInsets.only(bottom: 2),
child: Text(
"Create new QR code",
style: STextStyles.desktopTextExtraSmall(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.accentColorBlue,
), ),
), ),
), ),
); ],
}, ),
), ),
), ),
], ],