diff --git a/assets/images/miku_cube.png b/assets/images/miku_cube.png new file mode 100644 index 0000000..43fe13a Binary files /dev/null and b/assets/images/miku_cube.png differ diff --git a/lib/player_ui/main.dart b/lib/player_ui/main.dart index 27fd42d..8254490 100644 --- a/lib/player_ui/main.dart +++ b/lib/player_ui/main.dart @@ -112,6 +112,39 @@ class PlayerUi extends StatelessWidget { const Expanded(flex: 1, child: SizedBox.expand()), ]), ), + Flex( + direction: Axis.horizontal, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Expanded( + flex: 1, + child: Container( + margin: const EdgeInsets.all(10), + decoration: BoxDecoration( + boxShadow: [ + BoxShadow( + color: Theme.of(context).colorScheme.surfaceDim, + blurRadius: 5, + spreadRadius: 2, + offset: const Offset(0, 10), + ), + ], + borderRadius: BorderRadius.circular(10), + border: Border.all( + color: Theme.of(context).colorScheme.secondary, + width: 10, + ), + ), + child: Image.asset( + 'assets/images/miku_cube.png', + alignment: Alignment.topLeft, + ), + ), + ), + const Expanded(flex: 3, child: SizedBox.expand()), + const Expanded(flex: 1, child: SizedBox.expand()), + ], + ), Flex( direction: Axis.horizontal, crossAxisAlignment: CrossAxisAlignment.end, @@ -121,7 +154,6 @@ class PlayerUi extends StatelessWidget { child: Image.asset( 'assets/images/dance2.gif', alignment: Alignment.bottomCenter, - scale: 1.5, ), ), const Expanded(flex: 3, child: SizedBox.expand()), @@ -129,7 +161,6 @@ class PlayerUi extends StatelessWidget { flex: 1, child: Image.asset( 'assets/images/dance1.webp', - scale: 0.5, alignment: Alignment.bottomCenter, ), )