From 49f38efdbe3718055d2c84847d7dab92ae359be9 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Tue, 1 Jul 2025 20:26:25 +0000
Subject: feat: Add a proper reader mode

---
 apps/web/components/dashboard/preview/BookmarkHtmlHighlighter.tsx | 3 +++
 1 file changed, 3 insertions(+)

(limited to 'apps/web/components/dashboard/preview/BookmarkHtmlHighlighter.tsx')

diff --git a/apps/web/components/dashboard/preview/BookmarkHtmlHighlighter.tsx b/apps/web/components/dashboard/preview/BookmarkHtmlHighlighter.tsx
index dc446112..19499d3e 100644
--- a/apps/web/components/dashboard/preview/BookmarkHtmlHighlighter.tsx
+++ b/apps/web/components/dashboard/preview/BookmarkHtmlHighlighter.tsx
@@ -92,6 +92,7 @@ export interface Highlight {
 
 interface HTMLHighlighterProps {
   htmlContent: string;
+  style?: React.CSSProperties;
   className?: string;
   highlights?: Highlight[];
   onHighlight?: (highlight: Highlight) => void;
@@ -102,6 +103,7 @@ interface HTMLHighlighterProps {
 function BookmarkHTMLHighlighter({
   htmlContent,
   className,
+  style,
   highlights = [],
   onHighlight,
   onUpdateHighlight,
@@ -345,6 +347,7 @@ function BookmarkHTMLHighlighter({
         dangerouslySetInnerHTML={{ __html: htmlContent }}
         onPointerUp={handlePointerUp}
         className={className}
+        style={style}
       />
       <ColorPickerMenu
         position={menuPosition}
-- 
cgit v1.2.3-70-g09d2

