Ecosystem/stack_wallet
1
0
Fork 0
mirror of https://github.com/cypherstack/stack_wallet.git synced 2025-01-23 19:05:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

address popup desktop conditional layout

Browse source
This commit is contained in:
julian 2023-01-04 11:20:25 -06:00
parent 0746fe36b7
commit 33926d2b5e
2 changed files with 74 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
lib/pages/paynym/dialogs/paynym_qr_popup.dart
View file

@ -9,8 +9,10 @@ import 'package:stackwallet/pages/paynym/subwidgets/paynym_bot.dart';
import 'package:stackwallet/utilities/assets.dart';
import 'package:stackwallet/utilities/text_styles.dart';
import 'package:stackwallet/utilities/theme/stack_colors.dart';
import 'package:stackwallet/utilities/util.dart';
import 'package:stackwallet/widgets/custom_buttons/blue_text_button.dart';
import 'package:stackwallet/widgets/desktop/desktop_dialog.dart';
import 'package:stackwallet/widgets/desktop/desktop_dialog_close_button.dart';
class PaynymQrPopup extends StatelessWidget {
const PaynymQrPopup({
@ -22,15 +24,31 @@ class PaynymQrPopup extends StatelessWidget {
@override
Widget build(BuildContext context) {
final isDesktop = Util.isDesktop;
return DesktopDialog(
maxWidth: MediaQuery.of(context).size.width - 32,
maxWidth: isDesktop ? 580 : MediaQuery.of(context).size.width - 32,
maxHeight: double.infinity,
child: Column(
children: [
if (isDesktop)
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Padding(
padding: const EdgeInsets.only(left: 32),
child: Text(
"Address details",
style: STextStyles.desktopH3(context),
),
),
const DesktopDialogCloseButton(),
],
),
Padding(
padding: const EdgeInsets.only(
left: 24,
top: 24,
padding: EdgeInsets.only(
left: isDesktop ? 32 : 24,
top: isDesktop ? 16 : 24,
right: 24,
bottom: 16,
),
@ -38,22 +56,26 @@ class PaynymQrPopup extends StatelessWidget {
children: [
PayNymBot(
paymentCodeString: paynymAccount.codes.first.code,
size: 32,
size: isDesktop ? 56 : 32,
),
const SizedBox(
width: 12,
),
Text(
paynymAccount.nymName,
style: STextStyles.w600_12(context),
style: isDesktop
? STextStyles.w500_24(context)
: STextStyles.w600_12(context),
),
],
),
),
Container(
color: Theme.of(context).extension<StackColors>()!.backgroundAppBar,
height: 1,
),
if (!isDesktop)
Container(
color:
Theme.of(context).extension<StackColors>()!.backgroundAppBar,
height: 1,
),
Padding(
padding: const EdgeInsets.only(
left: 24,
@ -71,26 +93,34 @@ class PaynymQrPopup extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"Your PayNym address",
style: STextStyles.infoSmall(context),
isDesktop ? "PayNym address" : "Your PayNym address",
style: isDesktop
? STextStyles.desktopTextSmall(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textSubtitle1,
)
: STextStyles.infoSmall(context),
),
const SizedBox(
height: 6,
),
Text(
paynymAccount.codes.first.code,
style: STextStyles.infoSmall(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark,
),
style: isDesktop
? STextStyles.desktopTextSmall(context)
: STextStyles.infoSmall(context).copyWith(
color: Theme.of(context)
.extension<StackColors>()!
.textDark,
),
),
const SizedBox(
height: 6,
),
BlueTextButton(
text: "Copy",
textSize: 10,
textSize: isDesktop ? 18 : 10,
onTap: () async {
await Clipboard.setData(
ClipboardData(

26
lib/utilities/text_styles.dart
View file

@ -809,6 +809,32 @@ class STextStyles {
}
}
static TextStyle w500_24(BuildContext context) {
switch (_theme(context).themeType) {
case ThemeType.light:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 24,
height: 24 / 24,
);
case ThemeType.oceanBreeze:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 24,
height: 24 / 24,
);
case ThemeType.dark:
return GoogleFonts.inter(
color: _theme(context).textDark,
fontWeight: FontWeight.w500,
fontSize: 24,
height: 24 / 24,
);
}
}
static TextStyle desktopTextMedium(BuildContext context) {
switch (_theme(context).themeType) {
case ThemeType.light: