Ux fixes (#2033)
* Fix SizedBox location * Disable more shadows and fix colors * Add buffer to bottom of transactions page
tuxsudo committed
Feb 17, 2025 at 17:35 UTC
99338a0532d6be94d1e3123a8407d8f19187e9c9
4 files changed
+39
-31
lib/src/screens/dashboard/pages/balance/balance_row_widget.dart
+10
-10
@@ -329,18 +329,18 @@ class BalanceRowWidget extends StatelessWidget {
329
borderRadius: BorderRadius.circular(30.0),
330
border: Border.all(
331
color: Theme.of(context).extension<BalancePageTheme>()!.cardBorderColor,
332
- width: 1.5,
332
+ width: 1,
333
),
334
color: Theme.of(context).extension<SyncIndicatorTheme>()!.syncedBackgroundColor,
335
- boxShadow: [
336
- BoxShadow(
337
- color: Theme.of(context)
338
- .extension<BalancePageTheme>()!
339
- .cardBorderColor
340
- .withAlpha(50),
341
- spreadRadius: dashboardViewModel.getShadowSpread(),
342
- blurRadius: dashboardViewModel.getShadowBlur())
343
- ],
335
+ // boxShadow: [
336
+ // BoxShadow(
337
+ // color: Theme.of(context)
338
+ // .extension<BalancePageTheme>()!
339
+ // .cardBorderColor
340
+ // .withAlpha(50),
341
+ // spreadRadius: dashboardViewModel.getShadowSpread(),
342
+ // blurRadius: dashboardViewModel.getShadowBlur())
343
+ // ],
344
),
345
child: TextButton(
346
onPressed: () => Fluttertoast.showToast(
lib/src/screens/dashboard/pages/balance/crypto_balance_widget.dart
+1
-1
@@ -354,11 +354,11 @@ class CryptoBalanceWidget extends StatelessWidget {
354
),
355
),
356
),
357
- SizedBox(height: 150),
357
],
358
],
359
);
360
}),
361
+ SizedBox(height: 130),
362
],
363
),
364
);
lib/src/screens/dashboard/pages/navigation_dock.dart
+22
-14
@@ -24,7 +24,7 @@ class NavigationDock extends StatelessWidget {
24
builder: (_) {
25
return Container(
26
alignment: Alignment.bottomCenter,
27
- height: 130,
27
+ height: 150,
28
decoration: BoxDecoration(
29
gradient: LinearGradient(
30
begin: Alignment.topCenter,
@@ -126,9 +126,9 @@ class NavigationDock extends StatelessWidget {
126
: Positioned(
127
child: Observer(
128
builder: (_) {
129
- return Container(
129
+ return Container(
130
alignment: Alignment.bottomCenter,
131
- height: 130,
131
+ height: 150,
132
decoration: BoxDecoration(
133
gradient: LinearGradient(
134
begin: Alignment.topCenter,
@@ -137,15 +137,23 @@ class NavigationDock extends StatelessWidget {
137
Theme.of(context)
138
.extension<DashboardPageTheme>()!
139
.thirdGradientBackgroundColor
140
- .withAlpha(10),
140
+ .withAlpha(5),
141
Theme.of(context)
142
.extension<DashboardPageTheme>()!
143
.thirdGradientBackgroundColor
144
- .withAlpha(75),
144
+ .withAlpha(50),
145
+ Theme.of(context)
146
+ .extension<DashboardPageTheme>()!
147
+ .thirdGradientBackgroundColor
148
+ .withAlpha(125),
149
Theme.of(context)
150
.extension<DashboardPageTheme>()!
151
.thirdGradientBackgroundColor
152
.withAlpha(150),
153
+ Theme.of(context)
154
+ .extension<DashboardPageTheme>()!
155
+ .thirdGradientBackgroundColor
156
+ .withAlpha(200),
157
Theme.of(context)
158
.extension<DashboardPageTheme>()!
159
.thirdGradientBackgroundColor,
@@ -168,15 +176,15 @@ class NavigationDock extends StatelessWidget {
176
color: Theme.of(context)
177
.extension<SyncIndicatorTheme>()!
178
.syncedBackgroundColor,
171
- boxShadow: [
172
- BoxShadow(
173
- color: Theme.of(context)
174
- .extension<BalancePageTheme>()!
175
- .cardBorderColor
176
- .withAlpha(50),
177
- spreadRadius: dashboardViewModel.getShadowSpread(),
178
- blurRadius: dashboardViewModel.getShadowBlur())
179
- ],
179
+ // boxShadow: [
180
+ // BoxShadow(
181
+ // color: Theme.of(context)
182
+ // .extension<BalancePageTheme>()!
183
+ // .cardBorderColor
184
+ // .withAlpha(50),
185
+ // spreadRadius: dashboardViewModel.getShadowSpread(),
186
+ // blurRadius: dashboardViewModel.getShadowBlur())
187
+ // ],
188
),
189
child: Container(
190
padding: EdgeInsets.symmetric(horizontal: 10),
lib/src/screens/dashboard/pages/transactions_page.dart
+6
-6
@@ -40,7 +40,6 @@ class TransactionsPage extends StatelessWidget {
40
color: responsiveLayoutUtil.shouldRenderMobileUI
41
? null
42
: Theme.of(context).colorScheme.background,
43
- padding: EdgeInsets.only(top: 24, bottom: 24),
43
child: Column(
44
children: <Widget>[
45
Observer(builder: (_) {
@@ -73,12 +72,15 @@ class TransactionsPage extends StatelessWidget {
72
child: Observer(
73
builder: (_) {
74
final items = dashboardViewModel.items;
76
-
75
+ final amount = items.length + 1;
76
return items.isNotEmpty
77
? ListView.builder(
78
key: ValueKey('transactions_page_list_view_builder_key'),
80
- itemCount: items.length,
79
+ itemCount: items.length + 1,
80
itemBuilder: (context, index) {
81
+
82
+ if(index == items.length) return SizedBox(height: 150);
83
+
84
final item = items[index];
85
86
if (item is DateSectionItem) {
@@ -164,7 +166,6 @@ class TransactionsPage extends StatelessWidget {
166
),
167
);
168
}
167
-
169
if (item is OrderListItem) {
170
final order = item.order;
171
@@ -182,7 +183,6 @@ class TransactionsPage extends StatelessWidget {
183
),
184
);
185
}
185
-
186
return Container(color: Colors.transparent, height: 1);
187
})
188
: Center(
@@ -197,7 +197,7 @@ class TransactionsPage extends StatelessWidget {
197
);
198
},
199
),
200
- )
200
+ ),
201
],
202
),
203
),