FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-17 06:56:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
resolves #265
This commit is contained in:
Luke
2023-03-10 19:39:30 +01:00
parent 280ece8b2d
commit 548190dbb2
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/features/dialog/AlertDialog.tsx
View File

@@ -49,7 +49,14 @@ const AlertDialog: React.FC = () => {
title={<ReactMarkdown>{dialogData.header}</ReactMarkdown>} title={<ReactMarkdown>{dialogData.header}</ReactMarkdown>}
> >
<Stack> <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}> <Group position="right" spacing={10}>
{dialogData.cancel && ( {dialogData.cancel && (
<Button uppercase variant="default" onClick={() => closeAlert('cancel')} mr={3}> <Button uppercase variant="default" onClick={() => closeAlert('cancel')} mr={3}>