- * Создай современный и аккуратный дизайн блока комментариев в стиле прикреплённого изображения.
- * Используй существующие переменные и условные операторы шаблона.
- * Современный минимализм: нейтральная палитра (белый, серый, чёрный) и один акцентный цвет для интерактивных элементов.
- * Соблюдай сетку и выравнивание как на примере: карточки с тенью, мягкими углами и комфортным внутренним пространством.
- * Карточка комментария на белом фоне с лёгкой тенью и скруглением.
- * Компактное расположение: аватар слева, справа — имя, время и текст.
- * При наведении карточка слегка поднимается и тень усиливается.
- * Аватар круглый; при наведении мягкое масштабирование или подсветка рамкой.
- * Имя пользователя — жирное, контрастное, с лёгким подчёркиванием при наведении.
- * Время — приглушённый шрифт рядом с именем через точку-разделитель.
- * Текст комментария с хорошей читаемостью и контрастом.
- * Цитаты — с серой левой границей и светлым фоном.
- * Ответы — отделены лёгким отступом.
- * Текст расположен справа от аватара и под ником; ориентируйся на внешний вид и расположение как в ответах и комментариях на Stack Overflow.
- * Кнопки «Ответить», «Поделиться», «Пожаловаться» — минималистичные, с плавной сменой цвета/фона при наведении.
- * Переходы — плавные.
- * Рейтинг с эмодзи: ❤️ для плюса и 🙁 для минуса; при наведении мягкое масштабирование и подсветка; рядом аккуратный счётчик.
- * $IS_OWN — выделяй комментарий пользователя мягкой рамкой или светлым фоном.
- * $IS_NEW — добавь тонкий левый индикатор или бейдж «New».
- * $LEVEL — для вложенных комментариев добавляй отступ и тонкую вертикальную линию слева для визуальной иерархии.
- * $MODER_PANEL — размещай внизу карточки отдельным блоком, чтобы не перекрывал другие элементы.
- * На мобильных устройствах элементы выстраиваются вертикально; аватар над текстом, кнопки — под сообщением; отступы компактнее, читаемость сохраняется.
- * Используй плавные анимации без рывков; без резких цветов и градиентов.
- * При hover/focus блоки не «прыгают».
- * Панель $MODER_PANEL выдвижная и может быть снизу или сверху справа вне блока комментария, не мешая содержимому.
- * Все IF / ELSE / ENDIF корректно закрыты и не ломают сетку.
- * Пришли итоговый готовый HTML + CSS для вида комментария.
|
