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/text_styles.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/desktop/secondary_button.dart';
import 'package:stackwallet/widgets/rounded_white_container.dart';
@ -150,8 +149,8 @@ class _DesktopReceiveState extends ConsumerState<DesktopReceive> {
children: [
SvgPicture.asset(
Assets.svg.copy,
width: 10,
height: 10,
width: 15,
height: 15,
color: Theme.of(context)
.extension<StackColors>()!
.infoItemIcons,
@ -168,14 +167,19 @@ class _DesktopReceiveState extends ConsumerState<DesktopReceive> {
],
),
const SizedBox(
height: 4,
height: 8,
),
Row(
children: [
Expanded(
child: Text(
receivingAddress,
style: STextStyles.itemSubtitle12(context),
style: STextStyles.desktopTextExtraExtraSmall(context)
.copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark,
),
),
),
],
@ -209,9 +213,8 @@ class _DesktopReceiveState extends ConsumerState<DesktopReceive> {
const SizedBox(
height: 32,
),
Center(
child: BlueTextButton(
text: "Create new QR code",
// TODO: create transparent button class to account for hover
GestureDetector(
onTap: () async {
unawaited(
Navigator.of(context).push(
@ -228,6 +231,36 @@ class _DesktopReceiveState extends ConsumerState<DesktopReceive> {
),
);
},
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,
),
),
),
],
),
),
),
],