Вот что было сделано:
Что изменилось
profile.html
Возвращена hero-секция через стандартный блок
{% block hero_section %}— теперь она корректно встраивается в базовый layout (между header и content_wrapper)Hero использует классы
hero-section hero-accountsизhero.css, что обеспечивает единый стиль с остальными страницами сайтаДобавлена компактная stats-bar внизу hero (Обращений / Отзывов / Комментариев / Дней с нами) — вместо повторяющегося блока карточек ниже
Убрана старая
<div class="profile-hero-banner">— контент перенесён в<section>
profile.css
Класс
.profile-hero-bannerзаменён на.profile-hero-section(строится поверх.hero-section)Добавлен
.profile-hero-overlay— тёмный градиентный слой сbackdrop-filter: blur(6px)поверх фиолетового.hero-accountsДобавлены стили
.profile-hero-stats-bar,.phsb-item,.phsb-num,.phsb-lbl,.phsb-dividerУлучшена адаптивность — 5 брейкпоинтов:
1280px,1024px,768px,576px,400px:На
768px— кнопки раскладываются в 2 колонки, stats-bar компактнееНа
576px— кнопки в 1 колонку, аватар меньше (100px), stats-bar минимизируетсяНа
400px— разделители в stats-bar скрываются, всё выравнивается черезspace-around
Обсуждение статьи
0К этой статье пока нет комментариев. Будьте первым, кто выразит свое мнение!
Оставить комментарий
Связанные новости
10Похожие материалы
Улучшению приложения main
Исправления и улучшения Admin-панели
Результаты рефакторинга файловой структуры, шаблонов и стилей проекта
Я обновил шаблоны страниц «Портфолио» и «Услуги»