fix(web/alert): fix images escaping container width and height

resolves #265
2026-08-17 06:56:03 +01:00 · 2023-03-10 19:39:30 +01:00
parent 280ece8b2d
commit 548190dbb2
1 changed files with 8 additions and 1 deletions
--- a/web/src/features/dialog/AlertDialog.tsx
+++ b/web/src/features/dialog/AlertDialog.tsx
@@ -49,7 +49,14 @@ const AlertDialog: React.FC = () => {
        title={<ReactMarkdown>{dialogData.header}</ReactMarkdown>}
      >
        <Stack>
-          <ReactMarkdown remarkPlugins={[remarkGfm]}>{dialogData.content}</ReactMarkdown>
+          <ReactMarkdown
+            remarkPlugins={[remarkGfm]}
+            components={{
+              img: ({ ...props }) => <img style={{ maxWidth: '100%', maxHeight: '100%' }} {...props} />,
+            }}
+          >
+            {dialogData.content}
+          </ReactMarkdown>
          <Group position="right" spacing={10}>
            {dialogData.cancel && (
              <Button uppercase variant="default" onClick={() => closeAlert('cancel')} mr={3}>