From 74030f725b2948bb73c25644fa9c0064bf7b004d Mon Sep 17 00:00:00 2001
From: henryruhs <info@henryruhs.com>
Date: Tue, 17 Sep 2024 19:26:39 +0200
Subject: [PATCH] Sticky preview does not work on portrait images

---
 facefusion/uis/assets/overrides.css  | 11 +++++++----
 facefusion/uis/components/preview.py |  3 +--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/facefusion/uis/assets/overrides.css b/facefusion/uis/assets/overrides.css
index 97688878..cee8d01c 100644
--- a/facefusion/uis/assets/overrides.css
+++ b/facefusion/uis/assets/overrides.css
@@ -78,9 +78,12 @@
 	padding: unset;
 }
 
-:root:root:root:root .image-preview
+:root:root:root:root .image-frame
 {
-	position: sticky;
-	top: 0;
-	z-index: 100;
+	width: 100%;
+}
+
+:root:root:root:root .image-frame > img
+{
+	object-fit: cover;
 }
diff --git a/facefusion/uis/components/preview.py b/facefusion/uis/components/preview.py
index 250461a5..1bd0a936 100755
--- a/facefusion/uis/components/preview.py
+++ b/facefusion/uis/components/preview.py
@@ -29,8 +29,7 @@ def render() -> None:
 
 	preview_image_options : ComponentOptions =\
 	{
-		'label': wording.get('uis.preview_image'),
-		'elem_classes': [ 'image-preview' ]
+		'label': wording.get('uis.preview_image')
 	}
 	preview_frame_slider_options : ComponentOptions =\
 	{