motorsignal
/
MotorSignal-App
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: offset consumer pages for fixed header

This commit is contained in:
Developer 2026-09-13 06:57:11 -04:00
parent 7365bf56d1
commit bb509a4bac
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
website/app/globals.css
View File

@ -332,8 +332,12 @@ a { color: inherit; text-decoration: none; }
.button:hover { filter: brightness(1.12); } .button:hover { filter: brightness(1.12); }
.button:disabled { cursor: wait; opacity: .6; } .button:disabled { cursor: wait; opacity: .6; }
.button-small { font-size: 13px; padding: 9px 13px; } .button-small { font-size: 13px; padding: 9px 13px; }
main { margin: 0 auto; max-width: 1240px; padding: 72px 28px 100px; } main { margin: 0 auto; max-width: 1240px; padding: 6rem 28px 100px; }
main:has(.flagship-landing), main:has(.flagship-page) { max-width: 100%; padding: 0; } main:has(.flagship-landing), main:has(.flagship-page) { max-width: 100%; padding: 0; }
.flagship-landing,
.flagship-page {
padding-top: 5rem;
}
.hero { max-width: 780px; } .hero { max-width: 780px; }
.flagship-hero { align-items: center; background: linear-gradient(90deg, rgba(10,15,20,.96) 0%, rgba(10,15,20,.78) 48%, rgba(10,15,20,.28)), url('/images/motorsignal-hero.jpg') center/cover; border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 48px; grid-template-columns: 1.05fr .95fr; min-height: 560px; overflow: hidden; padding: 72px; } .flagship-hero { align-items: center; background: linear-gradient(90deg, rgba(10,15,20,.96) 0%, rgba(10,15,20,.78) 48%, rgba(10,15,20,.28)), url('/images/motorsignal-hero.jpg') center/cover; border: 1px solid var(--line); border-radius: 8px; display: grid; gap: 48px; grid-template-columns: 1.05fr .95fr; min-height: 560px; overflow: hidden; padding: 72px; }
.hero-copy { max-width: 720px; } .hero-copy { max-width: 720px; }
@ -639,7 +643,16 @@ input:focus { border-color: var(--blue); outline: 2px solid color-mix(in srgb, v
.hero-wrapper { .hero-wrapper {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
padding: 4rem 0 2rem; padding: 2rem 0 2rem;
}
@media (max-width: 768px) {
main {
padding: 5.5rem 18px 72px;
}
.hero-wrapper {
padding: 1.5rem 0 1.5rem;
}
} }
.hero-glow-1 { .hero-glow-1 {