improved expandable image widget

lib/widgets/expandable_image.dart

@@ -1,7 +1,7 @@
-import "dart:math";
 import "package:cross_cache/cross_cache.dart";
 import "package:flutter/material.dart";
 import "package:hooks_riverpod/hooks_riverpod.dart";
+import "package:m3e_buttons/m3e_buttons.dart";
 import "package:nexus/controllers/cross_cache_controller.dart";
 import "package:nexus/helpers/extensions/get_headers.dart";
 import "package:nexus/widgets/error_dialog.dart";
@@ -17,16 +17,21 @@ class ExpandableImage extends ConsumerWidget {
         ? null
         : () => showDialog(
             context: context,
-            builder: (_) => LayoutBuilder(
+            builder: (_) => Stack(
-              builder: (context, constraints) => Dialog(
+              children: [
-                backgroundColor: Colors.transparent,
+                Align(
-                insetPadding: .all(constraints.maxWidth / 100),
+                  alignment: .topRight,
-                child: InteractiveViewer(
+                  child: Padding(
-                  maxScale: 5,
+                    padding: .all(32),
-                  child: ConstrainedBox(
+                    child: M3EButton(
-                    constraints: .new(
+                      onPressed: Navigator.of(context).pop,
-                      minWidth: min(constraints.maxWidth, 1000),
+                      child: Icon(Icons.close),
                     ),
+                  ),
+                ),
+                Center(
+                  child: InteractiveViewer(
+                    maxScale: 10,
                     child: Image(
                       fit: .contain,
                       errorBuilder: (_, error, stackTrace) => ErrorDialog(
@@ -41,7 +46,7 @@ class ExpandableImage extends ConsumerWidget {
                     ),
                   ),
                 ),
-              ),
+              ],
             ),
           ),
     child: child,