Use an iframe for recent emails to avoid them breaking CSS of the app

2023-06-16 20:08:44 +08:00
parent 8d5cf50110
commit ce364004ac
1 changed files with 9 additions and 2 deletions
--- a/packages/web/pages/settings/emails/recent.tsx
+++ b/packages/web/pages/settings/emails/recent.tsx
@ -133,9 +133,16 @@ const ViewRecentEmailModal = (
                height: '100%',
                fontSize: '12px',
                overflowY: 'scroll',
+                iframe: {
+                  width: '100%',
+                  height: '100%',
+                  display: 'block',
+                  border: 'none',
+                },
              }}
-              dangerouslySetInnerHTML={{ __html: props.recentEmail.html }}
-            ></Box>
+            >
+              <iframe srcDoc={props.recentEmail.html}></iframe>
+            </Box>
          )}
        </VStack>
      </ModalContent>