feat: fix sight edit

src/shared/modals/SelectArticleDialog/index.tsx

@@ -202,87 +202,100 @@ export const SelectArticleModal = observer(
               )}
             </List>
           </Paper>
-          <Paper
-            elevation={3}
-            sx={{
-              width: "100%",
-              minWidth: 320,
-              maxWidth: 310,
-
-              background:
-                "#806c59 linear-gradient(90deg, rgba(255, 255, 255, 0.2) 12.5%, rgba(255, 255, 255, 0.2) 100%)",
-
-              padding: 0,
-              margin: "0px auto",
-              display: "flex",
-              flexDirection: "column",
-            }}
-          >
-            <Box
+          <Box className="max-h-[80%] overflow-y-scroll mx-auto rounded-[10px]">
+            <Paper
+              elevation={3}
               sx={{
                 width: "100%",
-                height: 175,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                padding: "3px",
-              }}
-            >
-              {articlesStore.articleMedia ? (
-                <MediaViewer
-                  media={{
-                    id: articlesStore.articleMedia.id,
-                    media_type: articlesStore.articleMedia.media_type,
-                    filename: articlesStore.articleMedia.filename,
-                  }}
-                />
-              ) : (
-                <ImagePlus size={48} color="white" />
-              )}
-            </Box>
+                minWidth: 320,
+                maxWidth: 310,
 
-            <Box
-              sx={{
                 background:
                   "#806c59 linear-gradient(90deg, rgba(255, 255, 255, 0.2) 12.5%, rgba(255, 255, 255, 0.2) 100%)",
-                color: "white",
-                margin: "5px 0px 5px 0px",
+
+                padding: 0,
+                margin: "0px auto",
                 display: "flex",
                 flexDirection: "column",
-                gap: 1,
-                padding: 1,
               }}
             >
-              <Typography
-                variant="h5"
-                component="h2"
-                sx={{
-                  wordBreak: "break-word",
-                  fontSize: "24px",
-                  fontWeight: 700,
-                  lineHeight: "120%",
-                }}
-              >
-                {articlesStore.articleData?.heading || "Название cтатьи"}
-              </Typography>
-            </Box>
-
-            {articlesStore.articleData?.body && (
               <Box
                 sx={{
-                  padding: 1,
-                  maxHeight: "200px",
-                  overflowY: "scroll",
-                  background:
-                    "#806c59 linear-gradient(90deg, rgba(255, 255, 255, 0.2) 12.5%, rgba(255, 255, 255, 0.2) 100%)",
+                  overflow: "hidden",
+                  width: "100%",
+                  minHeight: 100,
+                  padding: "3px",
+                  display: "flex",
+
+                  alignItems: "center",
+                  justifyContent: "center",
+
+                  "& img": {
+                    borderTopLeftRadius: "10px",
+                    borderTopRightRadius: "10px",
+                    width: "100%",
+                    height: "auto",
+                    objectFit: "contain",
+                  },
                 }}
               >
-                <ReactMarkdownComponent
-                  value={articlesStore.articleData?.body || "Описание"}
-                />
+                {articlesStore.articleMedia ? (
+                  <MediaViewer
+                    media={{
+                      id: articlesStore.articleMedia.id,
+                      media_type: articlesStore.articleMedia.media_type,
+                      filename: articlesStore.articleMedia.filename,
+                    }}
+                    fullWidth={true}
+                  />
+                ) : (
+                  <ImagePlus size={48} color="white" />
+                )}
               </Box>
-            )}
-          </Paper>
+
+              <Box
+                sx={{
+                  background:
+                    "#806c59 linear-gradient(90deg, rgba(255, 255, 255, 0.2) 12.5%, rgba(255, 255, 255, 0.2) 100%)",
+                  color: "white",
+                  margin: "5px 0px 5px 0px",
+                  display: "flex",
+                  flexDirection: "column",
+                  gap: 1,
+                  padding: 1,
+                }}
+              >
+                <Typography
+                  variant="h5"
+                  component="h2"
+                  sx={{
+                    wordBreak: "break-word",
+                    fontSize: "24px",
+                    fontWeight: 700,
+                    lineHeight: "120%",
+                  }}
+                >
+                  {articlesStore.articleData?.heading || "Название cтатьи"}
+                </Typography>
+              </Box>
+
+              {articlesStore.articleData?.body && (
+                <Box
+                  sx={{
+                    padding: 1,
+                    maxHeight: "200px",
+                    overflowY: "scroll",
+                    background:
+                      "#806c59 linear-gradient(90deg, rgba(255, 255, 255, 0.2) 12.5%, rgba(255, 255, 255, 0.2) 100%)",
+                  }}
+                >
+                  <ReactMarkdownComponent
+                    value={articlesStore.articleData?.body || "Описание"}
+                  />
+                </Box>
+              )}
+            </Paper>
+          </Box>
         </DialogContent>
         <DialogActions sx={{ p: 2 }}>
           <Button onClick={onClose}>Отмена</Button>