WIP

vareversat · Mar 23, 2024 · 9a7a29a · 9a7a29a
1 parent d500e02
commit 9a7a29a
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 6 deletions.
diff --git a/lib/app_theme.dart b/lib/app_theme.dart
@@ -8,6 +8,8 @@ class AppTheme {
     textTheme: GoogleFonts.josefinSansTextTheme(
       ThemeData.light().textTheme,
     ),
+    bottomSheetTheme:
+        BottomSheetThemeData(backgroundColor: ThemeData.light().cardColor),
   );
 
   static final darkTheme = ThemeData.dark(
@@ -16,5 +18,6 @@ class AppTheme {
     textTheme: GoogleFonts.josefinSansTextTheme(
       ThemeData.dark().textTheme,
     ),
-  );
+      bottomSheetTheme:
+          BottomSheetThemeData(backgroundColor: ThemeData.dark().cardColor));
 }
diff --git a/lib/models/boat_forecast.dart b/lib/models/boat_forecast.dart
@@ -178,17 +178,18 @@ class BoatForecast extends AbstractForecast {
       ),
     ];
     for (int i = 0; i < boats.length; i++) {
-      icons.add(
-        Positioned(
-          right: boats[i].isLeaving ? 0 : 45,
-          top: boats.length == 1 ? 4 : i * 15,
+      icons.add(Positioned(
+        right: boats[i].isLeaving ? 0 : 45,
+        top: boats.length == 1 ? 4 : i * 15,
+        child: RotatedBox(
+          quarterTurns: boats[i].isLeaving ? 0 : 2,
           child: Icon(
             Icons.double_arrow_rounded,
             color: getColor(context, reversed),
             size: boats.length == 1 ? 19 : 15,
           ),
         ),
-      );
+      ));
     }
 
     return icons;

diff --git a/lib/widgets/bottom_sheets/forecast_information_bottom_sheet.dart b/lib/widgets/bottom_sheets/forecast_information_bottom_sheet.dart
@@ -96,6 +96,38 @@ class _ForecastInformationBottomSheetState
             ],
           ),
         ),
+        Stack(
+          children: [
+            Padding(
+              padding: const EdgeInsets.symmetric(vertical: 20, horizontal: 25),
+              child: AnimatedContainer(
+                duration: const Duration(
+                  milliseconds: CustomProperties.animationDurationMs,
+                ),
+                width: 500,
+                height: 10,
+                decoration: BoxDecoration(
+                  color: Colors.lightBlueAccent,
+                  borderRadius: BorderRadius.circular(35),
+                ),
+              ),
+            ),
+            Positioned(
+              left: 50,
+              top: 10,
+              child: Container(
+                height: 30,
+                child: VerticalDivider(
+                  color: Theme.of(context)
+                      .bottomSheetTheme
+                      .backgroundColor!
+                      .withOpacity(0.75),
+                  thickness: 5,
+                ),
+              ),
+            ),
+          ],
+        ),
         if (widget.forecast.interferingTimeSlots.isNotEmpty)
           Flexible(
             child: Padding(