fix: resizing

lib/widgets/splitview_dashboard.dart

@@ -19,8 +19,10 @@ class DashboardSplitView extends StatefulWidget {
 class DashboardSplitViewState extends State<DashboardSplitView> {
   final MultiSplitViewController _controller = MultiSplitViewController(
     areas: [
-      Area(id: "sidebar", size: 250, min: 200),
-      Area(id: "main", min: 0.7),
+      Area(id: "sidebar", min: 220, size: 250, max: 300), // Absolute values
+      Area(id: "main", min: 600),
+      // Area(id: "sidebar", flex: 0.3, min: 0.25), // Flex values
+      // Area(id: "main", flex: 0.7, min: 0.7),
     ],
   );
 
@@ -44,6 +46,8 @@ class DashboardSplitViewState extends State<DashboardSplitView> {
       ),
       child: MultiSplitView(
         controller: _controller,
+        sizeOverflowPolicy: SizeOverflowPolicy.shrinkFirst,
+        sizeUnderflowPolicy: SizeUnderflowPolicy.stretchLast,
         builder: (context, area) {
           return switch (area.id) {
             "sidebar" => widget.sidebarWidget,

lib/widgets/splitview_equal.dart

@@ -19,8 +19,8 @@ class EqualSplitView extends StatefulWidget {
 class _EqualSplitViewState extends State<EqualSplitView> {
   final MultiSplitViewController _controller = MultiSplitViewController(
     areas: [
-      Area(id: "left", min: kMinRequestEditorDetailsCardPaneSize),
-      Area(id: "right", min: kMinRequestEditorDetailsCardPaneSize),
+      Area(id: "left", min: 0.8),
+      Area(id: "right", min: 0.95),
     ],
   );
 
@@ -37,22 +37,32 @@ class _EqualSplitViewState extends State<EqualSplitView> {
           animationEnabled: false,
         ),
       ),
-      child: MultiSplitView(
-        controller: _controller,
-        builder: (context, area) {
-          return switch (area.id) {
-            "left" => widget.leftWidget,
-            "right" => widget.rightWidget,
-            _ => Container(),
-          };
+      child: LayoutBuilder(
+        builder: (context, constraints) {
+          return MultiSplitView(
+            controller: _controller,
+            // MultiSplitViewController(
+            //   areas: [
+            //     Area(id: "left", size: constraints.maxWidth / 2, min: 240),
+            //     Area(id: "right", size: constraints.maxWidth / 2, min: 260),
+            //   ],
+            // ),
+            builder: (context, area) {
+              return switch (area.id) {
+                "left" => widget.leftWidget,
+                "right" => widget.rightWidget,
+                _ => Container(),
+              };
+            },
+          );
         },
       ),
     );
   }
 
-  @override
-  void dispose() {
-    _controller.dispose();
-    super.dispose();
-  }
+//   @override
+//   void dispose() {
+//     _controller.dispose();
+//     super.dispose();
+//   }
 }

lib/widgets/splt_cview_temp.dart

@@ -0,0 +1,80 @@
+import 'package:flutter/material.dart';
+import 'package:multi_split_view/multi_split_view.dart';
+import 'package:apidash/consts.dart';
+
+class EqualSplitView extends StatefulWidget {
+  const EqualSplitView({
+    super.key,
+    required this.leftWidget,
+    required this.rightWidget,
+  });
+
+  final Widget leftWidget;
+  final Widget rightWidget;
+
+  @override
+  State<EqualSplitView> createState() => _EqualSplitViewState();
+}
+
+class _EqualSplitViewState extends State<EqualSplitView> {
+  // final MultiSplitViewController _controller = MultiSplitViewController(
+  //   areas: [
+  //     Area(id: "left", min: kMinRequestEditorDetailsCardPaneSize),
+  //     Area(id: "right", min: kMinRequestEditorDetailsCardPaneSize),
+  //   ],
+  // );
+
+  getMinFractionWidth(double width) {
+    if (width < 900) {
+      return 0.9;
+    } else if (width < 1000) {
+      return 0.7;
+    } else if (width < 1200) {
+      return 0.5;
+    } else {
+      return 0.4;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return MultiSplitViewTheme(
+      data: MultiSplitViewThemeData(
+        dividerThickness: 3,
+        dividerPainter: DividerPainters.background(
+          color: Theme.of(context).colorScheme.surfaceContainerHighest,
+          highlightedColor: Theme.of(context).colorScheme.outline.withOpacity(
+                kHintOpacity,
+              ),
+          animationEnabled: false,
+        ),
+      ),
+      child: LayoutBuilder(
+        builder: (context, constraints) {
+          final minWidth = getMinFractionWidth(constraints.maxWidth);
+          return MultiSplitView(
+            controller: MultiSplitViewController(
+              areas: [
+                Area(id: "left", flex: 1, min: minWidth),
+                Area(id: "right", flex: 1, min: minWidth),
+              ],
+            ),
+            builder: (context, area) {
+              return switch (area.id) {
+                "left" => widget.leftWidget,
+                "right" => widget.rightWidget,
+                _ => Container(),
+              };
+            },
+          );
+        },
+      ),
+    );
+  }
+
+//   @override
+//   void dispose() {
+//     _controller.dispose();
+//     super.dispose();
+//   }
+}