From e71bb0fb3503076515fe26b33255ad78df66030b Mon Sep 17 00:00:00 2001
From: erjemin <erjemin@gmail.com>
Date: Sat, 5 Sep 2026 00:13:53 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=B8=D0=BD=D1=82=D0=B5=D1=80=D1=84?=
 =?UTF-8?q?=D0=B5=D0=B9=D1=81=20(11)=20=D0=B8=D1=81=D0=BF=D1=80=D0=B0?=
 =?UTF-8?q?=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20(=D0=B8=D0=BD=D0=BE?=
 =?UTF-8?q?=D0=B3=D0=B4=D0=B0=20=D0=BF=D1=80=D0=B5=D0=B2=D1=8C=D1=8E=20?=
 =?UTF-8?q?=D0=BE=D0=B1=D1=80=D0=B5=D0=B7=D0=B0=D0=BB=D0=BE=D1=81=D1=8C=20?=
 =?UTF-8?q?=D1=81=D0=B2=D0=B5=D1=80=D1=85=D1=83=20=D0=B8=20=D1=81=D0=BD?=
 =?UTF-8?q?=D0=B8=D0=B7=D1=83)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hypn0/templates/block/preview.html  | 12 +++++++++++-
 hypn0/templates/gallery/detail.html | 14 ++++++++++++--
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/hypn0/templates/block/preview.html b/hypn0/templates/block/preview.html
index 5c12882..c4ec8f7 100644
--- a/hypn0/templates/block/preview.html
+++ b/hypn0/templates/block/preview.html
@@ -8,7 +8,17 @@
   </p>
 </div>
 {% else %}
-<div class="w-full h-full flex items-center justify-center p-4 select-none overflow-hidden" id="svg-canvas-container">
+<div class="w-full h-full flex items-center justify-center p-4 select-none overflow-hidden [&>svg]:w-full [&>svg]:h-full [&>svg]:max-w-full [&>svg]:max-h-full [&>svg]:object-contain" id="svg-canvas-container">
+  <style>
+    #svg-canvas-container svg {
+      width: 100%;
+      height: 100%;
+      max-width: 100%;
+      max-height: 100%;
+      object-fit: contain;
+      display: block;
+    }
+  </style>
   {{ svg_content|safe }}
 </div>
 
diff --git a/hypn0/templates/gallery/detail.html b/hypn0/templates/gallery/detail.html
index 34dbcd8..b98cbfc 100644
--- a/hypn0/templates/gallery/detail.html
+++ b/hypn0/templates/gallery/detail.html
@@ -77,7 +77,7 @@
 
     <!-- Полноэкранный просмотр SVG с живой анимацией и плавающими стрелками -->
     <div style="{{ item.card_bg_style }}" 
-         class="relative w-full aspect-square max-h-[640px] flex items-center justify-center rounded-2xl overflow-hidden shadow-inner border border-stone-300/80 dark:border-zinc-800/80 group select-none bg-[var(--card-bg-light)] dark:bg-[var(--card-bg-dark)]">
+         class="relative w-full aspect-square flex items-center justify-center rounded-2xl overflow-hidden shadow-inner border border-stone-300/80 dark:border-zinc-800/80 group select-none bg-[var(--card-bg-light)] dark:bg-[var(--card-bg-dark)]">
       
       <!-- Плавающая кнопка: Назад -->
       <a href="{{ prev_url }}"
@@ -97,7 +97,17 @@
         </svg>
       </a>
 
-      <div class="w-full h-full p-2 sm:p-6 flex items-center justify-center">
+      <div class="w-full h-full p-2 sm:p-6 flex items-center justify-center hypn0-detail-canvas [&>svg]:w-full [&>svg]:h-full [&>svg]:max-w-full [&>svg]:max-h-full [&>svg]:object-contain">
+        <style>
+          .hypn0-detail-canvas svg {
+            width: 100%;
+            height: 100%;
+            max-width: 100%;
+            max-height: 100%;
+            object-fit: contain;
+            display: block;
+          }
+        </style>
         {{ active_svg|safe }}
       </div>