fix: slide image rendering issue
This commit is contained in:
parent
cf74b79c8e
commit
6951340a85
3 changed files with 5 additions and 10 deletions
|
|
@ -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()}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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(
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue