fix: Fix panorama + route scale data

src/widgets/MediaViewer/index.tsx

@@ -12,11 +12,15 @@ export interface MediaData {
 export function MediaViewer({
   media,
   className,
+  height,
+  width,
   fullWidth,
   fullHeight,
 }: Readonly<{
   media?: MediaData;
   className?: string;
+  height?: string;
+  width?: string;
   fullWidth?: boolean;
   fullHeight?: boolean;
 }>) {
@@ -42,8 +46,8 @@ export function MediaViewer({
           }/download?token=${token}`}
           alt={media?.filename}
           style={{
-            height: fullHeight ? "100%" : "auto",
-            width: fullWidth ? "100%" : "auto",
+            height: fullHeight ? "100%" : height ? height : "auto",
+            width: fullWidth ? "100%" : width ? width : "auto",
             ...(media?.filename?.toLowerCase().endsWith(".webp") && {
               maxWidth: "300px",
               maxHeight: "300px",
@@ -59,8 +63,8 @@ export function MediaViewer({
             media?.id
           }/download?token=${token}`}
           style={{
-            width: "100%",
-            height: "100%",
+            width: width ? width : "100%",
+            height: height ? height : "100%",
             objectFit: "cover",
             borderRadius: 8,
           }}
@@ -76,8 +80,8 @@ export function MediaViewer({
           }/download?token=${token}`}
           alt={media?.filename}
           style={{
-            height: fullHeight ? "100%" : "auto",
-            width: fullWidth ? "100%" : "auto",
+            height: fullHeight ? "100%" : height ? height : "auto",
+            width: fullWidth ? "100%" : width ? width : "auto",
           }}
         />
       )}
@@ -98,8 +102,8 @@ export function MediaViewer({
           src={`${import.meta.env.VITE_KRBL_MEDIA}${
             media?.id
           }/download?token=${token}`}
-          width={"100%"}
-          height={"100%"}
+          width={width ? width : "500px"}
+          height={height ? height : "300px"}
         />
       )}
 
@@ -108,8 +112,8 @@ export function MediaViewer({
           fileUrl={`${import.meta.env.VITE_KRBL_MEDIA}${
             media?.id
           }/download?token=${token}`}
-          height="500px"
-          width="500px"
+          height={height ? height : "500px"}
+          width={width ? width : "500px"}
         />
       )}
     </Box>