mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 01:18:42 +00:00
Website: Update padding on landing pages (#19818)
Closes: https://github.com/fleetdm/confidential/issues/6999 Changes: - reduced the padding between the page hero and the testimonials on landing pages - Added a top margin to the testimonial videos on landing pages
This commit is contained in:
parent
2d6458b3f8
commit
797b0ec3c5
3 changed files with 16 additions and 12 deletions
|
|
@ -74,7 +74,7 @@
|
|||
}
|
||||
[purpose='hero'] {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 60px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
[purpose='hero-image'] {
|
||||
max-width: 380px;
|
||||
|
|
@ -185,7 +185,6 @@
|
|||
margin-left: 40px;
|
||||
}
|
||||
[purpose='testimonials'] {
|
||||
padding-top: 60px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
[purpose='testimonial-quote'] {
|
||||
|
|
@ -662,6 +661,7 @@
|
|||
}
|
||||
[purpose='testimonial-videos'] {
|
||||
width: unset;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
[purpose='button-row'] {
|
||||
|
|
@ -863,6 +863,9 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
[purpose='testimonial-videos'] {
|
||||
margin-top: 40px;
|
||||
}
|
||||
[purpose='calendar-image'] {
|
||||
height: 287px;
|
||||
}
|
||||
|
|
|
|||
11
website/assets/styles/pages/endpoint-ops.less
vendored
11
website/assets/styles/pages/endpoint-ops.less
vendored
|
|
@ -58,7 +58,7 @@
|
|||
}
|
||||
[purpose='hero'] {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 60px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
[purpose='hero-image'] {
|
||||
max-width: 360px;
|
||||
|
|
@ -163,7 +163,6 @@
|
|||
}
|
||||
}
|
||||
[purpose='testimonials'] {
|
||||
padding-top: 60px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
[purpose='testimonial-videos'] {
|
||||
|
|
@ -613,9 +612,6 @@
|
|||
width: unset;
|
||||
margin-left: auto;
|
||||
}
|
||||
[purpose='testimonial-videos'] {
|
||||
width: unset;
|
||||
}
|
||||
[purpose='button-row'] {
|
||||
max-width: 100%;
|
||||
[purpose='cta-button'] {
|
||||
|
|
@ -670,6 +666,8 @@
|
|||
[purpose='testimonial-videos'] {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 60px;
|
||||
width: unset;
|
||||
}
|
||||
[purpose='testimonial-quote'] {
|
||||
width: 100%;
|
||||
|
|
@ -793,6 +791,9 @@
|
|||
padding-left: 32px;
|
||||
padding-right: 32px;
|
||||
}
|
||||
[purpose='testimonial-videos'] {
|
||||
margin-top: 40px;
|
||||
}
|
||||
[purpose='hero'] {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
|
|
|
|||
|
|
@ -57,7 +57,7 @@
|
|||
}
|
||||
[purpose='hero'] {
|
||||
padding-top: 80px;
|
||||
padding-bottom: 60px;
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
[purpose='hero-image'] {
|
||||
max-width: 360px;
|
||||
|
|
@ -167,7 +167,6 @@
|
|||
margin-left: 40px;
|
||||
}
|
||||
[purpose='testimonials'] {
|
||||
padding-top: 60px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
[purpose='testimonial-quote'] {
|
||||
|
|
@ -540,6 +539,7 @@
|
|||
}
|
||||
[purpose='testimonial-videos'] {
|
||||
width: unset;
|
||||
margin-top: 60px;
|
||||
}
|
||||
[purpose='button-row'] {
|
||||
max-width: 100%;
|
||||
|
|
@ -600,7 +600,6 @@
|
|||
}
|
||||
[purpose='testimonial-quote'] {
|
||||
width: 100%;
|
||||
margin-bottom: 60px;
|
||||
[purpose='quote'] {
|
||||
img {
|
||||
margin-right: auto;
|
||||
|
|
@ -719,8 +718,9 @@
|
|||
padding-top: 40px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
[purpose='testimonial-quote'] {
|
||||
margin-bottom: 40px;
|
||||
[purpose='testimonial-videos'] {
|
||||
flex-direction: column;
|
||||
margin-top: 40px;
|
||||
}
|
||||
[purpose='calendar-card-body'] {
|
||||
padding-left: 16px;
|
||||
|
|
|
|||
Loading…
Reference in a new issue