improve expandable image viewer

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,18 +17,15 @@ class ExpandableImage extends ConsumerWidget {
         ? null
         : () => showDialog(
             context: context,
-            builder: (_) => LayoutBuilder(
+            builder: (_) => SafeArea(
-              builder: (context, constraints) => Dialog(
+              child: Stack(
-                backgroundColor: Colors.transparent,
+                children: [
-                insetPadding: .all(constraints.maxWidth / 100),
+                  Positioned.fill(
+                    child: GestureDetector(
+                      onTap: Navigator.of(context).pop,
                       child: InteractiveViewer(
-                  maxScale: 5,
+                        maxScale: 10,
-                  child: ConstrainedBox(
-                    constraints: .new(
-                      minWidth: min(constraints.maxWidth, 1000),
-                    ),
                         child: Image(
-                      fit: .contain,
                           errorBuilder: (_, error, stackTrace) => ErrorDialog(
                             "Loading failed for $source\nError: $error",
                             stackTrace,
@@ -42,6 +39,18 @@ class ExpandableImage extends ConsumerWidget {
                       ),
                     ),
                   ),
+                  Align(
+                    alignment: .topRight,
+                    child: Padding(
+                      padding: .all(32),
+                      child: M3EButton(
+                        onPressed: Navigator.of(context).pop,
+                        child: Icon(Icons.close),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
             ),
           ),
     child: child,