From d33615987bc4afdacf98e0bb180d83c5cfdd4e2f Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Sun, 28 Nov 2021 12:31:17 +0100
Subject: [PATCH] Max width for the screenshot

---
 report-window/email-template-2.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/report-window/email-template-2.tsx b/report-window/email-template-2.tsx
index b61de82..c16212c 100644
--- a/report-window/email-template-2.tsx
+++ b/report-window/email-template-2.tsx
@@ -59,6 +59,10 @@ function Placeholder({ children }: { children: string }) {
   );
 }
 
+function Base64Image({ base64 }: { base64: string }) {
+  return <img style={{ maxWidth: "100%" }} {...{ src: base64 }} />;
+}
+
 export default function EmailTemplate2({
   entries,
   clusters,
@@ -96,7 +100,7 @@ export default function EmailTemplate2({
         <>
           <p>Na stronie była widoczna informacja o plikach Cookie. </p>
           <p>
-            <img {...{ src: config.popup_screenshot_base64 }} />
+            <Base64Image {...{ base64: config.popup_screenshot_base64 }} />
           </p>
         </>
       ) : (
@@ -106,7 +110,7 @@ export default function EmailTemplate2({
             sposobów, w jaki strona przetwarza moje dane osobowe.{" "}
           </p>
           <p>
-            <img {...{ src: config.popup_screenshot_base64 }} />
+            <Base64Image {...{ base64: config.popup_screenshot_base64 }} />
           </p>
           <p>
             {config.popup_action === "ignored"