From 73a0b0885432218a144710e56d09fa6b41dc88ab Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Sat, 26 Apr 2025 18:40:26 +0800
Subject: [PATCH] :bug: Fix image on web looks wired

---
 lib/widgets/content/image.web.dart | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/lib/widgets/content/image.web.dart b/lib/widgets/content/image.web.dart
index 5cacb2a..7146f7a 100644
--- a/lib/widgets/content/image.web.dart
+++ b/lib/widgets/content/image.web.dart
@@ -4,7 +4,13 @@ import 'package:flutter/material.dart';
 class UniversalImage extends StatelessWidget {
   final String uri;
   final String? blurHash;
-  const UniversalImage({super.key, required this.uri, this.blurHash});
+  final BoxFit fit;
+  const UniversalImage({
+    super.key,
+    required this.uri,
+    this.blurHash,
+    this.fit = BoxFit.cover,
+  });
 
   @override
   Widget build(BuildContext context) {
@@ -15,6 +21,13 @@ class UniversalImage extends StatelessWidget {
         element.src = uri;
         element.style.width = '100%';
         element.style.height = '100%';
+        element.style.objectFit = switch (fit) {
+          BoxFit.cover || BoxFit.fitWidth || BoxFit.fitHeight => 'cover',
+          BoxFit.fill => 'fill',
+          BoxFit.contain => 'contain',
+          BoxFit.none => 'none',
+          _ => 'cover',
+        };
       },
     );
   }