fix: slide image rendering issue

This commit is contained in:
shiva raj badu 2026-03-29 17:42:06 +05:45
parent cf74b79c8e
commit 6951340a85
No known key found for this signature in database
3 changed files with 5 additions and 10 deletions

View file

@ -111,14 +111,14 @@ export const PresentationCard = ({
<img src="/card_bg.svg" alt="" className="absolute top-0 left-0 w-full h-full object-cover" />
<div className="scale-[0.75] mt-4 border border-gray-300 rounded-lg overflow-hidden">
<SlideScale slide={firstSlide} />
<SlideScale slide={firstSlide} isClickable={true} />
</div>
<div className="w-full py-3 px-5 mt-auto z-40 relative bg-white border-t border-[#EDEEEF]">
<div className="flex items-center justify-between gap-7 w-full">
<div className="flex flex-col items-start gap-1">
<div className="text-sm text-[#191919] font-semibold overflow-hidden line-clamp-1">
<MarkdownRenderer content={title} className="text-sm mb-0 text-[#191919] font-semibold overflow-hidden line-clamp-1" />
<MarkdownRenderer content={title} className="text-sm mb-0 font-syne text-[#191919] font-semibold overflow-hidden line-clamp-1" />
</div>
<p className="text-[#808080] text-sm font-syne">
{new Date(presentation?.created_at).toLocaleDateString()}

View file

@ -6,7 +6,7 @@ import { V1ContentRender } from '../../(presentation-generator)/components/V1Con
const BASE_WIDTH = 1280;
const BASE_HEIGHT = 720;
const SlideScale = ({ slide, theme }: { slide: any, theme?: any }) => {
const SlideScale = ({ slide, theme, isClickable = false }: { slide: any, theme?: any, isClickable?: boolean }) => {
const containerRef = useRef<HTMLDivElement | null>(null);
const [containerWidth, setContainerWidth] = useState<number>(0);
@ -62,11 +62,11 @@ const SlideScale = ({ slide, theme }: { slide: any, theme?: any }) => {
} as React.CSSProperties}
>
{/* <div
{isClickable && <div
className="absolute inset-0 bg-transparent z-30 w-full h-full select-none"
aria-hidden="true"
/> */}
/>}
<V1ContentRender slide={slide} isEditMode={true} theme={theme} />
</div>

View file

@ -34,11 +34,6 @@ const PresentationPage: React.FC<PresentationPageProps> = ({
const [isFullscreen, setIsFullscreen] = useState(false);
const [error, setError] = useState(false);
// Ensure /app_data and /static image paths resolve through FastAPI in Electron.
useEffect(() => {
const observer = setupImageUrlConverter();
return () => observer?.disconnect();
}, []);
const { presentationData, isStreaming } = useSelector(