From eff1822855fc5c9f28312478112f297f73e7cbdc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 22 Jan 2026 23:57:53 +0100
Subject: [PATCH] pl-fe: copy-paste more code from mastodon
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/styles/new/modals.scss | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/packages/pl-fe/src/styles/new/modals.scss b/packages/pl-fe/src/styles/new/modals.scss
index af24db252..363a51b19 100644
--- a/packages/pl-fe/src/styles/new/modals.scss
+++ b/packages/pl-fe/src/styles/new/modals.scss
@@ -7,19 +7,27 @@
 }
 
 .⁂-zoomable-image {
-  @apply relative flex size-full items-center justify-center overflow-hidden select-none;
+  position: relative;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   scrollbar-width: none;
+  overflow: hidden;
+  user-select: none;
 
   &--zoomed-in {
-    @apply cursor-grab z-[9999];
+    z-index: 9999;
+    cursor: grab;
   }
 
   &--error img {
-    @apply hidden;
+    display: none;
   }
 
   &--dragging {
-    @apply cursor-grabbing;
+    cursor: grabbing;
   }
 
   &__preview {
@@ -31,6 +39,11 @@
   }
 
   img {
-    @apply size-auto max-h-[80%] max-w-full object-contain shadow-2xl;
+    @apply shadow-2xl;
+    max-height: 80%;
+    width: auto;
+    height: auto;
+    touch-action: none;
+    user-select: none;
   }
 }
\ No newline at end of file