From 2447acca03464f1111f27870acde6c97c49dd653 Mon Sep 17 00:00:00 2001
From: Ammar Ahmed <ammarahmed6506@gmail.com>
Date: Thu, 6 Mar 2025 14:08:29 +0500
Subject: [PATCH] editor: fix image padding in readonly mode

---
 packages/editor/src/extensions/image/component.tsx | 1 +
 packages/editor/styles/styles.css                  | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/editor/src/extensions/image/component.tsx b/packages/editor/src/extensions/image/component.tsx
index becd762af..23ccdb0e3 100644
--- a/packages/editor/src/extensions/image/component.tsx
+++ b/packages/editor/src/extensions/image/component.tsx
@@ -105,6 +105,7 @@ export function ImageComponent(
   return (
     <>
       <Box
+        className=".image-container"
         sx={{
           ...getAlignmentStyles(node.attrs),
           height: float ? size.height : "unset",
diff --git a/packages/editor/styles/styles.css b/packages/editor/styles/styles.css
index f17819ee6..9fbd188b1 100644
--- a/packages/editor/styles/styles.css
+++ b/packages/editor/styles/styles.css
@@ -601,11 +601,11 @@ p > *::selection {
   pointer-events: none;
 }
 
-.ProseMirror > p[data-spacing="double"] .resizer {
+.ProseMirror > p[data-spacing="double"] .image-container {
   margin-bottom: 1em;
 }
 
-.ProseMirror > p[data-spacing="single"] .resizer {
+.ProseMirror > p[data-spacing="single"] .image-container {
   margin-top: 1em !important;
   margin-bottom: 1em;
 }