vlad/salvagedb_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

обильная адаптация: скрытие .lead, уменьшение заголовка, закрепление меню, перенос стилей в CSS\n\n- Скрытие текста .lead на мобильных для всех страниц, кроме главной (через .lead-main)\n- меньшение размера .display-4 на мобильных\n- еренос всех мобильных стилей из head.html в static/styles.css\n- акрепление меню .navbar сверху на мобильных, добавлен padding-top у body для корректного отображения контента\n- справлен лишний отступ сверху (теперь используется padding-top у body вместо margin-top у .container-lg)\n- лавная страница: добавлен класс lead-main для сохранения текста на мобильных

Browse Source
This commit is contained in:
Vlad 2025-05-18 00:48:58 +03:00
parent 5609607c72
commit e9949a6ca2
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/styles.css
View File

@ -1395,4 +1395,24 @@ a.menu:after, .dropdown-toggle:after {
font-size: 16px; font-size: 16px;
line-height: 1.6; line-height: 1.6;
color: #666; color: #666;
}
@media (max-width: 576px) {
.lead:not(.lead-main) {
display: none !important;
}
.display-4 {
font-size: 1.6rem;
line-height: 1.2;
}
.navbar {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1050;
}
body {
padding-top: 56px;
}
} }

2
templates/index.html
View File

@ -6,7 +6,7 @@
<div class="container-lg py-4"> <div class="container-lg py-4">
<div class="p-5 mb-4 bg-light rounded-3"> <div class="p-5 mb-4 bg-light rounded-3">
<h1 class="display-4">Buying a Used Car? Check it!</h1> <h1 class="display-4">Buying a Used Car? Check it!</h1>
<p class="lead"> <p class="lead lead-main">
<a href="https://www.salvagedb.com/" title="Salvagedb.com" rel="nofollow">Salvagedb.com</a> provides <a href="https://www.salvagedb.com/" title="Salvagedb.com" rel="nofollow">Salvagedb.com</a> provides
information about salvage or junk vehicles; damage from hail, flood or fire; mileage discrepancies or information about salvage or junk vehicles; damage from hail, flood or fire; mileage discrepancies or
odometer rollback; and gray market vehicles. We do not claim that the car got in our databank has salvage odometer rollback; and gray market vehicles. We do not claim that the car got in our databank has salvage