feat: fix sight edit

src/widgets/SightTabs/LeftWidgetTab/index.tsx

@@ -260,22 +260,32 @@ export const LeftWidgetTab = observer(
                     sx={{
                       width: "100%",
                       minWidth: 320,
-
                       background:
                         "#806c59 linear-gradient(90deg, rgba(255, 255, 255, 0.2) 12.5%, rgba(255, 255, 255, 0.2) 100%)",
                       overflowY: "auto",
-                      padding: 0,
                       display: "flex",
+
                       flexDirection: "column",
+                      borderRadius: "10px",
                     }}
                   >
                     <Box
                       sx={{
+                        overflow: "hidden",
                         width: "100%",
-                        height: 175,
+                        minHeight: 100,
+                        padding: "3px",
                         display: "flex",
                         alignItems: "center",
-                        padding: "3px",
+                        justifyContent: "center",
+
+                        "& img": {
+                          borderTopLeftRadius: "10px",
+                          borderTopRightRadius: "10px",
+                          width: "100%",
+                          height: "auto",
+                          objectFit: "contain",
+                        },
                       }}
                     >
                       {data.left.media.length > 0 ? (
@@ -285,9 +295,10 @@ export const LeftWidgetTab = observer(
                             media_type: data.left.media[0].media_type,
                             filename: data.left.media[0].filename,
                           }}
+                          fullWidth
                         />
                       ) : (
-                        <ImagePlus size={48} color="grey" />
+                        <ImagePlus size={48} color="white" />
                       )}
                     </Box>