fix styling on new wallet type selection (#3392)
malik1004x committed
Jul 10, 2026 at 18:49 UTC
f4b17e3354ad70ac9509c1ae58aff9a06dfffe40
1 file changed
+61
-58
lib/src/screens/new_wallet/new_wallet_type_page.dart
+61
-58
@@ -139,68 +139,71 @@ class WalletTypeFormState extends State<WalletTypeForm> {
139
child: SingleChildScrollView(
140
child: Padding(
141
padding: const EdgeInsets.only(left: 18, right: 18, bottom: 12),
142
- child: Container(
143
- decoration: BoxDecoration(
144
- color: Theme.of(context).colorScheme.surfaceContainer,
145
- borderRadius: BorderRadius.circular(18),
146
- ),
147
- child: ListView.separated(
148
- key: const ValueKey('new_wallet_type_scrollable_key'),
149
- itemCount: filteredTypes.length,
150
- shrinkWrap: true,
151
- physics: NeverScrollableScrollPhysics(),
152
- padding: EdgeInsets.zero,
153
- itemBuilder: (context, index) {
154
- final item = filteredTypes[index];
155
-
156
- return GestureDetector(
157
- key: ValueKey('new_wallet_type_${item.name}_button_key'),
158
- behavior: HitTestBehavior.opaque,
159
- onTap: () {
160
- onTypeSelected(item);
161
- },
162
- child: SizedBox(
163
- height: 48,
164
- child: Padding(
165
- padding: const EdgeInsets.symmetric(horizontal: 12.0),
166
- child: Row(
167
- mainAxisAlignment: MainAxisAlignment.spaceBetween,
168
- children: [
169
- Row(
170
- children: [
171
- CakeImageWidget(
172
- height: 24,
173
- width: 24,
174
- imageUrl: getCryptoCurrencyIconForWalletListItem(item),
175
- ),
176
- const SizedBox(width: 12),
177
- Text(walletTypeToDisplayName(item)),
178
- const SizedBox(width: 4),
179
- Text(
180
- walletTypeToDisplayTicker(item),
181
- style: TextStyle(
182
- color: Theme.of(context).colorScheme.onSurfaceVariant,
142
+ child: ClipRRect(
143
+ borderRadius: BorderRadius.circular(18),
144
+ child: Container(
145
+ decoration: BoxDecoration(
146
+ color: Theme.of(context).colorScheme.surfaceContainer,
147
+ borderRadius: BorderRadius.circular(18),
148
+ ),
149
+ child: ListView.separated(
150
+ key: const ValueKey('new_wallet_type_scrollable_key'),
151
+ itemCount: filteredTypes.length,
152
+ shrinkWrap: true,
153
+ physics: NeverScrollableScrollPhysics(),
154
+ padding: EdgeInsets.zero,
155
+ itemBuilder: (context, index) {
156
+ final item = filteredTypes[index];
157
+
158
+ return GestureDetector(
159
+ key: ValueKey('new_wallet_type_${item.name}_button_key'),
160
+ behavior: HitTestBehavior.opaque,
161
+ onTap: () {
162
+ onTypeSelected(item);
163
+ },
164
+ child: SizedBox(
165
+ height: 50,
166
+ child: Padding(
167
+ padding: const EdgeInsets.symmetric(horizontal: 12.0),
168
+ child: Row(
169
+ mainAxisAlignment: MainAxisAlignment.spaceBetween,
170
+ children: [
171
+ Row(
172
+ children: [
173
+ CakeImageWidget(
174
+ height: 24,
175
+ width: 24,
176
+ imageUrl: getCryptoCurrencyIconForWalletListItem(item),
177
),
184
- )
185
- ],
186
- ),
187
- CakeImageWidget(
188
- imageUrl: "assets/new-ui/arrow_forward.svg",
189
- height: 16,
190
- colorFilter: ColorFilter.mode(
191
- Theme.of(context).colorScheme.onSurfaceVariant,
192
- BlendMode.srcIn,
178
+ const SizedBox(width: 12),
179
+ Text(walletTypeToDisplayName(item)),
180
+ const SizedBox(width: 4),
181
+ Text(
182
+ walletTypeToDisplayTicker(item),
183
+ style: TextStyle(
184
+ color: Theme.of(context).colorScheme.onSurfaceVariant,
185
+ ),
186
+ )
187
+ ],
188
),
194
- )
195
- ],
189
+ CakeImageWidget(
190
+ imageUrl: "assets/new-ui/arrow_forward.svg",
191
+ height: 16,
192
+ colorFilter: ColorFilter.mode(
193
+ Theme.of(context).colorScheme.onSurfaceVariant,
194
+ BlendMode.srcIn,
195
+ ),
196
+ )
197
+ ],
198
+ ),
199
),
200
),
198
- ),
199
- );
200
- },
201
- separatorBuilder: (context, index) => Container(
202
- height: 1,
203
- color: Theme.of(context).colorScheme.surfaceContainerHigh,
201
+ );
202
+ },
203
+ separatorBuilder: (context, index) => Container(
204
+ height: 1,
205
+ color: Theme.of(context).colorScheme.surfaceContainerHigh,
206
+ ),
207
),
208
),
209
),