Ecosystem/stack_wallet
1
0
Fork 0
mirror of https://github.com/cypherstack/stack_wallet.git synced 2025-03-23 07:38:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

desktop fav card hover effect

Browse source
This commit is contained in:
julian 2022-11-28 15:37:18 -06:00
parent d7cd5cb8a9
commit 345a077e06
1 changed files with 44 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
lib/pages/wallets_view/sub_widgets/favorite_card.dart
View file

@ -49,6 +49,8 @@ class _FavoriteCardState extends ConsumerState<FavoriteCard> {
super.initState(); super.initState();
} }
bool _hovering = false;
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final coin = ref.watch(managerProvider.select((value) => value.coin)); final coin = ref.watch(managerProvider.select((value) => value.coin));
@ -59,8 +61,49 @@ class _FavoriteCardState extends ConsumerState<FavoriteCard> {
condition: Util.isDesktop, condition: Util.isDesktop,
builder: (child) => MouseRegion( builder: (child) => MouseRegion(
cursor: SystemMouseCursors.click, cursor: SystemMouseCursors.click,
onEnter: (_) {
setState(() {
_hovering = true;
});
},
onExit: (_) {
setState(() {
_hovering = false;
});
},
child: AnimatedScale(
duration: const Duration(milliseconds: 200),
scale: _hovering ? 1.05 : 1,
child: AnimatedContainer(
duration: const Duration(milliseconds: 200),
decoration: _hovering
? BoxDecoration(
color: Colors.transparent,
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
boxShadow: [
Theme.of(context)
.extension<StackColors>()!
.standardBoxShadow,
Theme.of(context)
.extension<StackColors>()!
.standardBoxShadow,
Theme.of(context)
.extension<StackColors>()!
.standardBoxShadow,
],
)
: BoxDecoration(
color: Colors.transparent,
borderRadius: BorderRadius.circular(
Constants.size.circularBorderRadius,
),
),
child: child, child: child,
), ),
),
),
child: GestureDetector( child: GestureDetector(
onTap: () { onTap: () {
if (Util.isDesktop) { if (Util.isDesktop) {