From e9afda5e16a5ea2fa75a6bf3a34c88dc38e16141 Mon Sep 17 00:00:00 2001 From: glpshchn <464976@niuitmo.ru> Date: Wed, 3 Dec 2025 21:04:50 +0300 Subject: [PATCH] Update files --- frontend/src/components/PostCard.css | 29 +++++++++++++++++++++++++++- 1 file changed, 28 insertions(+), 1 deletion(-) diff --git a/frontend/src/components/PostCard.css b/frontend/src/components/PostCard.css index 25eaa46..5d4f388 100644 --- a/frontend/src/components/PostCard.css +++ b/frontend/src/components/PostCard.css @@ -268,21 +268,33 @@ display: flex; flex-direction: column; animation: fadeIn 0.2s ease-out; + overflow: hidden; } .fullview-header { + position: fixed; + top: 0; + left: 0; + right: 0; display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); + z-index: 10001; + will-change: transform; + transform: translateZ(0); + flex-shrink: 0; } .fullview-counter { font-size: 14px; font-weight: 500; color: white; + min-width: 60px; + text-align: center; + flex-shrink: 0; } .fullview-btn { @@ -295,6 +307,11 @@ align-items: center; justify-content: center; transition: background 0.2s; + border: none; + cursor: pointer; + position: relative; + z-index: 10002; + flex-shrink: 0; } .fullview-btn:active { @@ -308,13 +325,17 @@ justify-content: center; position: relative; overflow: hidden; + margin-top: 68px; + margin-bottom: 80px; } .fullview-content img { max-width: 100%; - max-height: 100%; + max-height: calc(100vh - 148px); object-fit: contain; user-select: none; + display: block; + min-height: 0; } .fullview-nav-btn { @@ -347,6 +368,10 @@ } .fullview-dots { + position: fixed; + bottom: 0; + left: 0; + right: 0; display: flex; justify-content: center; align-items: center; @@ -354,6 +379,8 @@ padding: 16px; background: rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px); + z-index: 10001; + flex-shrink: 0; } .fullview-dot {