From 3495ed82fbeba6cceff898694235fd978d896a05 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Wed, 15 Oct 2025 21:30:21 +0300
Subject: [PATCH] fix(collection/presentation): images appear stretched

---
 apps/client/src/widgets/collections/presentation/index.tsx   | 4 +++-
 apps/client/src/widgets/collections/presentation/slidejs.css | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 apps/client/src/widgets/collections/presentation/slidejs.css

diff --git a/apps/client/src/widgets/collections/presentation/index.tsx b/apps/client/src/widgets/collections/presentation/index.tsx
index 34c664247..c6429b8d7 100644
--- a/apps/client/src/widgets/collections/presentation/index.tsx
+++ b/apps/client/src/widgets/collections/presentation/index.tsx
@@ -3,6 +3,7 @@ import { useEffect, useLayoutEffect, useRef, useState } from "preact/hooks";
 import Reveal from "reveal.js";
 import slideBaseStylesheet from "reveal.js/dist/reveal.css?raw";
 import slideThemeStylesheet from "reveal.js/dist/theme/black.css?raw";
+import slideCustomStylesheet from "./slidejs.css?raw";
 import { buildPresentationModel, PresentationModel, PresentationSlideModel } from "./model";
 import ShadowDom from "../../react/ShadowDom";
 import ActionButton from "../../react/ActionButton";
@@ -11,7 +12,8 @@ import { RefObject } from "preact";
 
 const stylesheets = [
     slideBaseStylesheet,
-    slideThemeStylesheet
+    slideThemeStylesheet,
+    slideCustomStylesheet
 ].map(stylesheet => stylesheet.replace(/:root/g, ":host"));
 
 export default function PresentationView({ note }: ViewModeProps<{}>) {
diff --git a/apps/client/src/widgets/collections/presentation/slidejs.css b/apps/client/src/widgets/collections/presentation/slidejs.css
new file mode 100644
index 000000000..6fd846f0b
--- /dev/null
+++ b/apps/client/src/widgets/collections/presentation/slidejs.css
@@ -0,0 +1,4 @@
+figure img {
+    aspect-ratio: unset !important;
+    height: auto !important;
+}
\ No newline at end of file