Fix shadows

This commit is contained in:
tuxpizza 2024-12-21 21:20:28 -05:00
parent 39bebfdd6a
commit a9ee754b30
2 changed files with 57 additions and 14 deletions

View file

@ -232,7 +232,7 @@ class _DashboardPageView extends BasePage {
bottomSheetService: bottomSheetService, bottomSheetService: bottomSheetService,
child: Container( child: Container(
child: Stack( child: Stack(
fit: StackFit.expand, //fit: StackFit.expand,
alignment: Alignment.bottomCenter, alignment: Alignment.bottomCenter,
//mainAxisSize: MainAxisSize.max, //mainAxisSize: MainAxisSize.max,
//alignment: Alignment.bottomCenter, //alignment: Alignment.bottomCenter,
@ -250,10 +250,23 @@ class _DashboardPageView extends BasePage {
), ),
//), //),
Positioned( Positioned(
top: 540, top: 590,
child: Container( child: Container(
// decoration: BoxDecoration(
// boxShadow: [
// BoxShadow(
// color: Theme.of(context)
// .extension<DashboardPageTheme>()!
// .thirdGradientBackgroundColor
// .withAlpha(50),
// spreadRadius: 5,
// blurRadius: 7,
// offset: Offset(0, 3),
// )
// ]
// ),
alignment: Alignment.bottomCenter, alignment: Alignment.bottomCenter,
padding: EdgeInsets.only(top: 50), //padding: EdgeInsets.only(top: 50),
child: Observer( child: Observer(
builder: (context) { builder: (context) {
return Semantics( return Semantics(
@ -312,12 +325,10 @@ class _DashboardPageView extends BasePage {
.withAlpha(150), .withAlpha(150),
Theme.of(context) Theme.of(context)
.extension<DashboardPageTheme>()! .extension<DashboardPageTheme>()!
.thirdGradientBackgroundColor .thirdGradientBackgroundColor,
.withAlpha(200),
Theme.of(context) Theme.of(context)
.extension<DashboardPageTheme>()! .extension<DashboardPageTheme>()!
.thirdGradientBackgroundColor .thirdGradientBackgroundColor
.withAlpha(250),
// Color.fromARGB(10, 245, 8, 82), // Color.fromARGB(10, 245, 8, 82),
// Color.fromARGB(75, 245, 8, 82), // Color.fromARGB(75, 245, 8, 82),
// Color.fromARGB(150, 245, 8, 82), // Color.fromARGB(150, 245, 8, 82),
@ -327,7 +338,7 @@ class _DashboardPageView extends BasePage {
), ),
), ),
child: Container( child: Container(
//alignment: Alignment.bottomCenter, alignment: Alignment.bottomCenter,
padding: const EdgeInsets.only( padding: const EdgeInsets.only(
left: 16, right: 16, bottom: 24, top: 48), left: 16, right: 16, bottom: 24, top: 48),
child: ClipRRect( child: ClipRRect(

View file

@ -32,6 +32,8 @@ import 'package:cw_core/wallet_type.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:flutter_mobx/flutter_mobx.dart'; import 'package:flutter_mobx/flutter_mobx.dart';
import '../../../themes/extensions/dashboard_page_theme.dart';
class WalletListPage extends BasePage { class WalletListPage extends BasePage {
WalletListPage({ WalletListPage({
required this.walletListViewModel, required this.walletListViewModel,
@ -146,10 +148,11 @@ class WalletListBodyState extends State<WalletListBody> {
return Container( return Container(
padding: EdgeInsets.only(top: 16), padding: EdgeInsets.only(top: 16),
child: Column( child: Stack(
children: [ fit: StackFit.expand,
Expanded( alignment: Alignment.bottomCenter,
child: SingleChildScrollView( children: <Widget> [
SingleChildScrollView(
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
@ -326,12 +329,39 @@ class WalletListBodyState extends State<WalletListBody> {
), ),
), ),
}, },
SizedBox(height: 150)
], ],
), ),
), ),
Positioned(
top: 505,
bottom: 0,
left: 0,
right: 0,
child: Container(
padding: EdgeInsets.only(top: 50),
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: <Color>[
Theme.of(context).colorScheme.background
.withAlpha(10),
Theme.of(context).colorScheme.background,
Theme.of(context).colorScheme.background,
Theme.of(context).colorScheme.background
// Color.fromARGB(10, 245, 8, 82),
// Color.fromARGB(75, 245, 8, 82),
// Color.fromARGB(150, 245, 8, 82),
// Color.fromARGB(200, 245, 8, 82),
// Color.fromARGB(255, 245, 8, 82),
],
), ),
Padding( ),
padding: const EdgeInsets.all(24), child: Container(
alignment: Alignment.bottomCenter,
//margin: EdgeInsets.only(top: 24),
padding: EdgeInsets.only(left: 24, right: 24),
child: Column( child: Column(
children: <Widget>[ children: <Widget>[
PrimaryImageButton( PrimaryImageButton(
@ -396,6 +426,8 @@ class WalletListBodyState extends State<WalletListBody> {
], ],
), ),
), ),
),
),
], ],
), ),
); );