Fix desktop qr sizing (#3344)
* fix qr sizing on desktop * fix cardsview sizing
malik1004x committed
Jun 22, 2026 at 18:22 UTC
2764b46bfeec1078026c20979d09034be6acaca9
2 files changed
+6
-5
lib/new-ui/widgets/coins_page/cards/cards_view.dart
+3
-4
@@ -10,6 +10,7 @@ import 'package:cake_wallet/new-ui/pages/send_page.dart';
10
import 'package:cake_wallet/routes.dart';
11
import 'package:cake_wallet/utils/feature_flag.dart';
12
import 'package:cake_wallet/utils/payment_request.dart';
13
+import 'package:cake_wallet/utils/responsive_layout_util.dart';
14
import 'package:cake_wallet/view_model/dashboard/dashboard_view_model.dart';
15
import 'package:cake_wallet/view_model/monero_account_list/monero_account_list_view_model.dart';
16
import 'package:cw_core/card_design.dart';
@@ -72,8 +73,6 @@ class _CardsViewState extends State<CardsView> {
73
74
final top = baseTop - (howFarBehind * overlapAmount);
75
75
- final double cardWidth = MediaQuery.of(context).size.width * 0.878;
76
- final double effectiveCardWidth = min(cardWidth, 768);
76
77
final left = (parentWidth - effectiveCardWidth) / 2.0;
78
@@ -228,9 +227,9 @@ class _CardsViewState extends State<CardsView> {
227
}
228
}
229
230
+ double get effectiveCardWidth => min(MediaQuery.of(context).size.width * 0.878, responsiveLayoutUtil.shouldRenderMobileUI ? 768 : 512);
231
+
232
double _getBoxHeight(int numCards, double overlapAmount) {
232
- final double cardWidth = MediaQuery.of(context).size.width * 0.878;
233
- final double effectiveCardWidth = min(cardWidth, 768);
233
return
234
/* height of initial card */
235
(2 / 3.2) * (effectiveCardWidth) +
lib/new-ui/widgets/receive_page/receive_qr_code.dart
+3
-1
@@ -1,3 +1,5 @@
1
+import 'dart:math';
2
+
3
import 'package:cake_wallet/di.dart';
4
import 'package:cake_wallet/generated/i18n.dart';
5
import 'package:cake_wallet/src/widgets/cake_image_widget.dart';
@@ -29,7 +31,7 @@ class ReceiveQrCode extends StatelessWidget {
31
@override
32
Widget build(BuildContext context) {
33
final double targetY = largeQrMode ? largeQrModeBottomPadding+50 : 0;
32
- final double resolvedSize = MediaQuery.of(context).size.width * 0.5;
34
+ final double resolvedSize = min(MediaQuery.of(context).size.width, MediaQuery.of(context).size.height) * 0.5;
35
final double resolvedScale = largeQrMode ? 1.7 : 1;
36
37
return Stack(