Sfoglia il codice sorgente

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
M Fahru 2 anni fa
parent
commit
50b11da587

+ 9 - 0
services/web/frontend/stylesheets/app/plans/plans-new-design.less

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