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:
Eric 2024-06-17 19:59:51 -05:00 committed by GitHub
parent 2d6458b3f8
commit 797b0ec3c5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 16 additions and 12 deletions

View file

@ -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;
}

View file

@ -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;

View file

@ -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;