Я добавил полноценный CSS-код в шаблон server_info.html. Верстка страницы "Информация о сервере" значительно улучшилась и теперь выглядит профессионально.
Что было сделано:
Сетка (CSS Grid): Вместо сплошного текста карточки теперь выстраиваются в аккуратную адаптивную сетку. На мобильных устройствах — в 1 колонку, на десктопе — в 2-3 колонки (в зависимости от ширины экрана).
Карточки (Cards): Блоки с информацией (Платформа, База данных, Приложения) теперь обернуты в красивые белые карточки с мягкой тенью и эффектом небольшого поднятия при наведении.
Таблицы: Таблицы получили отступы, аккуратные серые разделители и подсветку акцентных значений. Длинные пути Python теперь переносятся по словам (word-break).
Прогресс-бары: Индикаторы ОЗУ, Диска и Процессора приобрели стильный градиентный фон (синий перелив) и приятную анимацию при загрузке.
Поддержка темной темы (Dark Mode): Верстка 100% совместима с темным режимом
Jazzminили стандартным темным режимом Django Admin. Я прописал специальные правила, чтобы карточки, таблицы и тексты элегантно переключались на темные оттенки серого при активации ночной темы.
Обновите страницу http://127.0.0.1:6678/admin/main/sitesettings/server-info/ в браузере — изменения применятся немедленно. Отличная работа! Дайте знать, если нужно стилизовать что-нибудь еще.
Обсуждение статьи
0К этой статье пока нет комментариев. Будьте первым, кто выразит свое мнение!
Оставить комментарий
Связанные новости
10Похожие материалы
Улучшению приложения main
Исправления и улучшения Admin-панели
Результаты рефакторинга файловой структуры, шаблонов и стилей проекта
Я обновил шаблоны страниц «Портфолио» и «Услуги»