Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 08:58:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 111

Website: update order of statistics on mobile homepage (#26427)

Browse source 
Closes: https://github.com/fleetdm/confidential/issues/9668

Changes:
- Updated the order of the stacked statistics on the homepage on mobile
devices (<575px)
This commit is contained in:
Eric 2025-02-18 17:03:02 -06:00 committed by GitHub
parent f596b9fabd
commit ba61420c83
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1464,6 +1464,9 @@
margin-top: 32px;
}
[purpose='statistics'] {
[purpose='statistics-column'] {
flex-direction: column-reverse;
}
flex-direction: column;
max-width: fit-content;
margin-left: auto;
@ -1474,13 +1477,11 @@
margin-bottom: 0px;
}
[purpose='customers'] {
padding: 0px 24px 24px 24px;
border-right: none;
padding: 24px 24px 0px 24px;
}
[purpose='devices'] {
border-top: 1px solid #E2E4EA;
border-bottom: 1px solid #E2E4EA;
padding: 24px;
padding: 0px 24px 24px 24px;
border-right: none;
}
[purpose='response-time'] {
@ -1488,8 +1489,9 @@
border-bottom: 1px solid #E2E4EA;
}
[purpose='countries'] {
order: 1;
padding: 24px 24px 0px 24px;
// order: 1;
border-top: 1px solid #E2E4EA;
border-bottom: 1px solid #E2E4EA;
border-right: none;
}
}

12
website/views/pages/homepage.ejs vendored
View file

@ -52,20 +52,28 @@
<logo-carousel></logo-carousel>
<div purpose="statistics">
<div purpose="statistics-column">
<div purpose="customers">
<div purpose="customers" class="d-none d-sm-block">
<h4>100+</h4>
<p>customers</p>
</div>
<div purpose="countries" class="d-block d-sm-none">
<h4>90+</h4>
<p>countries</p>
</div>
<div purpose="devices">
<h4>2,000,000+</h4>
<p>computing devices</p>
</div>
</div>
<div purpose="statistics-column">
<div purpose="countries">
<div purpose="countries" class="d-none d-sm-block">
<h4>90+</h4>
<p>countries</p>
</div>
<div purpose="customers" class="d-block d-sm-none">
<h4>100+</h4>
<p>customers</p>
</div>
<div purpose="response-time">
<h4>8 minutes</h4>
<p>avg support response time</p>