Merge pull request #19855 from overleaf/mf-interstitial-new-plans-page-redesign

[web] Implement plans table for the new interstitial payment page

GitOrigin-RevId: 28b6a0c8c42d709d5be067d79f7f852fe188a3cf
This commit is contained in:
M Fahru 2024-08-14 09:37:51 -07:00 committed by Copybot
parent cb6deab3a9
commit 50b11da587

View file

@ -15,6 +15,7 @@
@group-member-picker-height: 24px; @group-member-picker-height: 24px;
@table-4-column-width: 25%; @table-4-column-width: 25%;
@table-5-column-width: 20%;
.plans-new-design { .plans-new-design {
padding-top: calc(var(--spacing-16) + var(--header-height)); padding-top: calc(var(--spacing-16) + var(--header-height));
@ -1074,10 +1075,18 @@
.plans-new-design.plans-interstitial-new-design { .plans-new-design.plans-interstitial-new-design {
padding-top: calc(var(--spacing-13) + var(--header-height)); padding-top: calc(var(--spacing-13) + var(--header-height));
padding-bottom: var(--spacing-09);
.plans-interstitial-new-content { .plans-interstitial-new-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.plans-new-table {
th,
td {
width: @table-5-column-width;
}
}
} }