diff --git a/app/lib/pages/consts.dart b/app/lib/pages/consts.dart index 3238b397099631e75fe9212cd293fe1897ad4021..dcf0e5a44fe3c2965a773d3c6a35d993e0888b21 100644 --- a/app/lib/pages/consts.dart +++ b/app/lib/pages/consts.dart @@ -24,6 +24,7 @@ final chartTextStyle = GoogleFonts.dmSans(fontSize: 14, color: textColor); // Colors const darkBlue = Color(0xFF00B4D8); +const darkestBlue = Color(0xFF03045E); const lightBlue = Color(0xFFCAF0F8); const superLightBlue = Color(0xFFCAF0F8); const barBlue = Color(0xFF0077B6); \ No newline at end of file diff --git a/app/lib/pages/default_page.dart b/app/lib/pages/default_page.dart index 1074180407efb2bf8f7c77e32908cdb9ff9d9d94..51167e84b160bb61b0de3acdd42e35512d3e8a03 100644 --- a/app/lib/pages/default_page.dart +++ b/app/lib/pages/default_page.dart @@ -73,18 +73,26 @@ class _DefaultPageState extends State<DefaultPage> { @override Widget build(BuildContext context) { - return Scaffold( - backgroundColor: darkBlue, - appBar: AppBar( - title: Text( - 'IceMap', - style: appTitleStyle, + return MaterialApp( + home: Container( + decoration: const BoxDecoration( + gradient: LinearGradient( + begin: Alignment.topCenter, + end: Alignment.bottomCenter, + colors: [darkBlue, darkestBlue], + ), + ), + child: Scaffold( + backgroundColor: Colors.transparent, + appBar: AppBar( + title: Text('IceMap'), + ), + body: ListView( + children: [ + MapContainerWidget(markerList: markerList), + ], + ), ), - ), - body: ListView( - children: [ - MapContainerWidget(markerList: markerList), - ], ), ); } diff --git a/app/lib/pages/widgets/map_widget.dart b/app/lib/pages/widgets/map_widget.dart index de8b22d0b2be3204cdb754655ab8eb816534e05f..430f4207bb82e4bd036b70be313fe225c789be50 100644 --- a/app/lib/pages/widgets/map_widget.dart +++ b/app/lib/pages/widgets/map_widget.dart @@ -80,6 +80,41 @@ class _MapContainerWidgetState extends State<MapContainerWidget> { ); }).toList(), ), + if (selectedMarker != null) // Quick chart on marker press + Positioned( + bottom: 10, + right: 10, + child: ClipRRect( + borderRadius: BorderRadius.circular(10), + child: Container( + width: (screenWidth * boxWidth)/2.3, + height: (screenWidth * boxWidth)/2.3, + color: darkBlue, + child: Stack( + children: [ + Center( + child: Text( + 'Placeholder', + style: textStyle, + ), + ), + Positioned( + top: 5, + right: 5, + child: GestureDetector( + onTap: () { + setState(() { + selectedMarker = null; // Clear the selected marker + }); + }, + child: const Icon(Icons.close), + ), + ), + ], + ), + ), + ), + ), ], ), ),