Fix height of db viewer in devtools

simolus3 · Dec 2, 2023 · 09d450e · 09d450e
1 parent a973de3
commit 09d450e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/extras/drift_devtools_extension/lib/src/db_viewer/viewer.dart b/extras/drift_devtools_extension/lib/src/db_viewer/viewer.dart
@@ -22,9 +22,6 @@ class _DatabaseViewerState extends State<DatabaseViewer> {
 
   @override
   Widget build(BuildContext context) {
-    return ConstrainedBox(
-      constraints: const BoxConstraints(maxHeight: 800),
-      child: const DbViewerNavigator(),
-    );
+    return const DbViewerNavigator();
   }
 }
diff --git a/extras/drift_devtools_extension/lib/src/details.dart b/extras/drift_devtools_extension/lib/src/details.dart
@@ -49,12 +49,17 @@ class _DatabaseDetailsState extends ConsumerState<DatabaseDetails> {
       error: (err, stack) => Text('unknown error: $err\n$stack'),
       data: (database) {
         if (database != null) {
-          final textTheme = Theme.of(context).textTheme;
+          final theme = Theme.of(context);
+          final textTheme = theme.textTheme;
 
-          return Scrollbar(
-            controller: controller,
-            child: ListView(
-              controller: controller,
+          return Theme(
+            data: theme.copyWith(
+              scrollbarTheme: const ScrollbarThemeData(
+                thumbVisibility: MaterialStatePropertyAll(true),
+              ),
+            ),
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.stretch,
               children: [
                 const Padding(
                   padding: EdgeInsets.all(8),
@@ -68,7 +73,7 @@ class _DatabaseDetailsState extends ConsumerState<DatabaseDetails> {
                     ],
                   ),
                 ),
-                DatabaseViewer(database: database),
+                Expanded(child: DatabaseViewer(database: database)),
               ],
             ),
           );