chore: Adjust image chat design

lib/pages/chat/events/image_bubble.dart

@@ -20,7 +20,6 @@ class ImageBubble extends StatefulWidget {
   final BoxFit fit;
   final bool maxSize;
   final Color backgroundColor;
-  final double radius;
   final bool thumbnailOnly;
   final bool animated;
   final double width;
@@ -34,7 +33,6 @@ class ImageBubble extends StatefulWidget {
     this.maxSize = true,
     this.backgroundColor,
     this.fit = BoxFit.cover,
-    this.radius = 10.0,
     this.thumbnailOnly = true,
     this.onLoaded,
     this.width = 400,
@@ -406,24 +404,21 @@ class _ImageBubbleState extends State<ImageBubble> {
         child: content,
       );
     }
-    return ClipRRect(
+    return InkWell(
-      borderRadius: BorderRadius.circular(widget.radius),
+      onTap: () => onTap(context),
-      child: InkWell(
+      child: Hero(
-        onTap: () => onTap(context),
+        tag: widget.event.eventId,
-        child: Hero(
+        child: AnimatedSwitcher(
-          tag: widget.event.eventId,
+          duration: const Duration(milliseconds: 1000),
-          child: AnimatedSwitcher(
+          child: Container(
-            duration: const Duration(milliseconds: 1000),
+            key: ValueKey(key),
-            child: Container(
+            constraints: widget.maxSize
-              key: ValueKey(key),
+                ? BoxConstraints.loose(Size(
-              constraints: widget.maxSize
+                    widget.width,
-                  ? BoxConstraints.loose(Size(
+                    widget.height,
-                      widget.width,
+                  ))
-                      widget.height,
+                : null,
-                    ))
+            child: content,
-                  : null,
-              child: content,
-            ),
           ),
         ),
       ),

lib/pages/chat/events/message.dart

@@ -247,6 +247,7 @@ class Message extends StatelessWidget {
                   child: Material(
                 color: Theme.of(context).backgroundColor,
                 borderRadius: BorderRadius.circular(AppConfig.borderRadius / 2),
+                clipBehavior: Clip.antiAlias,
                 child: Padding(
                   padding: const EdgeInsets.all(6.0),
                   child: Text(

lib/pages/image_viewer/image_viewer_view.dart

@@ -51,7 +51,6 @@ class ImageViewerView extends StatelessWidget {
             fit: BoxFit.contain,
             backgroundColor: Colors.black,
             maxSize: false,
-            radius: 0.0,
             thumbnailOnly: false,
             animated: true,
           ),