diff --git a/frontend/src/components/CommentsModal.css b/frontend/src/components/CommentsModal.css index c26e78c..0d28c48 100644 --- a/frontend/src/components/CommentsModal.css +++ b/frontend/src/components/CommentsModal.css @@ -18,17 +18,14 @@ .comments-modal { width: 100%; max-width: 600px; - height: 60dvh; /* dvh не меняется при клавиатуре */ - max-height: 60vh; /* fallback для старых браузеров */ + height: 55dvh; /* dvh не меняется при клавиатуре */ + max-height: 55vh; /* fallback для старых браузеров */ display: flex; flex-direction: column; border-radius: 16px 16px 0 0; background: var(--bg-secondary); animation: slideUp 0.3s ease-out; - position: fixed; - bottom: 80px; /* Над навигацией */ - left: 0; - right: 0; + margin: 0 auto; } /* Хедер модалки */ diff --git a/frontend/src/components/CommentsModal.jsx b/frontend/src/components/CommentsModal.jsx index 41bf9c2..68afb6b 100644 --- a/frontend/src/components/CommentsModal.jsx +++ b/frontend/src/components/CommentsModal.jsx @@ -64,16 +64,9 @@ export default function CommentsModal({ post, onClose, onUpdate }) { return d.toLocaleDateString('ru-RU', { day: 'numeric', month: 'short' }) } - const handleOverlayClick = (e) => { - // Закрывать только при клике на overlay, не на содержимое - if (e.target === e.currentTarget) { - onClose() - } - } - return ( -
-
+
+
e.stopPropagation()}> {/* Хедер */}