Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-24 09:28:54 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 60

Website: Update homepage hero background on large screen sizes (#12143)

Browse source 
Changes:
- Updated the homepage hero background size on screens larger than
1400px.

---------

Co-authored-by: Mike Thomas <mthomas@fleetdm.com>
Co-authored-by: Mike Thomas <78363703+mike-j-thomas@users.noreply.github.com>
This commit is contained in:
Eric 2023-06-05 18:21:51 -05:00 committed by GitHub
parent 371b3e6888
commit c6693617c3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 31 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
website/assets/styles/pages/homepage.less vendored
View file

@ -51,7 +51,7 @@
padding-right: 40px;
padding-bottom: 40px;
max-width: 1200px;
height: 850px;
height: 750px;
}
[purpose='hero-text'] {
@ -353,10 +353,36 @@
}
@media (min-width: 1400px) {
@media (max-width: 4599px) {
[purpose='hero-background-image'] {
background-size: 100% auto;
background-size: 4600px auto;
}
[purpose='homepage-hero'] {
height: 1250px;
}
}
@media (max-width: 3599px) {
[purpose='hero-background-image'] {
background-size: 3600px auto;
}
[purpose='homepage-hero'] {
height: 1050px;
}
}
@media (max-width: 2599px) {
[purpose='hero-background-image'] {
background-size: 1920px auto;
}
[purpose='homepage-hero'] {
height: 750px;
}
}
@media (max-width: 1400px) {
[purpose='hero-background-image'] {
background-size: 1921px auto;
background-position: center bottom;
background-repeat: no-repeat;
}
@ -367,7 +393,7 @@
}
[purpose='homepage-hero'] {
max-width: 1080px;
height: 900px;
height: 750px;
}
}