Skip to content

Commit 177d496

Browse files
adding in cta background on tablet and adding in some styling
1 parent c216592 commit 177d496

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed

dotcom-rendering/src/components/marketing/banners/designableBanner/DesignableBannerV2.tsx

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -711,7 +711,7 @@ const styles = {
711711
grid-row-end: 3;
712712
}
713713
714-
${until.wide} {
714+
${between.desktop.and.wide} {
715715
max-width: 380px;
716716
}
717717
@@ -791,14 +791,16 @@ const styles = {
791791
}
792792
793793
${between.phablet.and.desktop} {
794+
width: 100%;
794795
position: sticky;
795796
bottom: 0;
796797
padding-top: ${space[3]}px;
797798
padding-bottom: ${space[3]}px;
798-
margin-right: -${space[3]}px;
799-
margin-left: -${space[3]}px;
799+
background-color: ${neutral[100]};
800+
box-shadow: 0 -${space[1]}px ${space[3]}px 0 rgba(0, 0, 0, 0.25);
801+
border-radius: 10px;
800802
a {
801-
width: 100%;
803+
width: calc(100% - 24px);
802804
}
803805
}
804806

0 commit comments

Comments
 (0)