minor fix for inline code block

maheshj01 · Oct 8, 2024 · d40091c · d40091c
1 parent 872ee24
commit d40091c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/public/sw.js.map b/public/sw.js.map
diff --git a/src/utils/utils.ts b/src/utils/utils.ts
@@ -36,6 +36,17 @@ export const downloadImage = async () => {
     const preview = document.getElementById('preview');
     if (!preview) return;
 
+    const codeBlocks = preview.querySelectorAll('code:not(pre code)');
+
+    // Add custom class to fix rendering issues
+    codeBlocks.forEach(block => {
+        const codeBlock = block as HTMLElement;  // Cast to HTMLElement
+        codeBlock.style.paddingBottom = '1.0em';
+        // codeBlock.style.backgroundColor = 'red';
+        // codeBlock.style.display = 'inline-block';
+        // codeBlock.style.verticalAlign = 'middle';
+    });
+
     const previewElement = preview.querySelector('.reactMarkDown');
     const originalClasses = previewElement!.className;
 
@@ -61,6 +72,11 @@ export const downloadImage = async () => {
         link.download = 'pastelog.png';
         link.href = canvas.toDataURL('image/png');
         link.click();
+        // Restore the original styles after capturing the canvas
+        codeBlocks.forEach(block => {
+            const codeBlock = block as HTMLElement;  // Cast to HTMLElement
+            codeBlock.style.paddingBottom = '';
+        });
         previewElement!.className = originalClasses;
     }).catch(error => {
         previewElement!.className = originalClasses;