erjemin/2026-hypn0-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: интерфейс (11) исправления (иногда превью обрезалось сверху и снизу)

Browse Source
This commit is contained in:
erjemin
2026-09-05 00:13:53 +03:00
parent 2481b7f944
commit e71bb0fb35
2 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
hypn0/templates/block/preview.html
+11 -1
View File
@@ -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>
hypn0/templates/gallery/detail.html
+12 -2
View File
@@ -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>