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-hero-image-update (#14404)

Browse source 
- Extended clouds on the homepage
- Added repeat-x
- Made the cloud shadows more subtle
- reduced file size by half

# Checklist for submitter
- [x] Manual QA for all new/changed functionality
This commit is contained in:
Mike Thomas 2023-10-11 00:03:42 +09:00 committed by GitHub
parent f108e997ba
commit b4d42b1df1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
website/assets/images/homepage-hero-background-1921x555@2x.png vendored
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 376 KiB

BIN
website/assets/images/homepage-hero-background-3840x500@2x.png vendored Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 169 KiB

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

@ -39,10 +39,10 @@
}
[purpose='hero-background-image'] {
background: url('/images/homepage-hero-background-1921x555@2x.png');
background-size: 1921px auto;
background: url('/images/homepage-hero-background-3840x500@2x.png');
background-size: 3840px auto;
background-position: center bottom;
background-repeat: no-repeat;
background-repeat: repeat-x;
}
[purpose='homepage-hero'] {
@ -491,7 +491,7 @@
@media (max-width: 1199px) {
[purpose='hero-background-image'] {
background-size: 1600px auto;
background-size: 3400px auto;
background-position: center bottom;
background-repeat: no-repeat;
}
@ -549,7 +549,7 @@
@media (max-width: 991px) {
[purpose='hero-background-image'] {
background-size: 1400px auto;
background-size: 2800px auto;
background-position: center bottom;
background-repeat: no-repeat;
}
@ -639,7 +639,7 @@
@media (max-width: 767px) {
[purpose='hero-background-image'] {
background-size: 1200px auto;
background-size: 2600px auto;
background-position: center bottom;
background-repeat: no-repeat;
}
@ -767,7 +767,7 @@
@media (max-width: 575px) {
[purpose='hero-background-image'] {
background-size: 960px auto;
background-size: 2000px auto;
background-position: center bottom;
background-repeat: no-repeat;
}
@ -883,7 +883,7 @@
[purpose='hero-background-image'] {
background-size: 800px auto;
background-size: 1400px auto;
background-position: center bottom;
background-repeat: no-repeat;
}