WorkRoot/WRNexusJSDoc
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: constrain premium homepage sections

Browse Source
This commit is contained in:
Clintchiz
2026-07-13 00:20:39 +05:30
parent 9a377e90d5
commit c942fa7c02
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/styles/global.css
+14 -4
View File
@@ -800,7 +800,8 @@ pre code,
border-radius: 12px; border-radius: 12px;
} }
.prose table, .prose table,
.portal-main table { .portal-main table,
.marketing-main table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
background: var(--surface); background: var(--surface);
@@ -809,7 +810,9 @@ pre code,
.prose th, .prose th,
.prose td, .prose td,
.portal-main th, .portal-main th,
.portal-main td { .portal-main td,
.marketing-main th,
.marketing-main td {
min-width: 130px; min-width: 130px;
padding: 0.75rem 0.9rem; padding: 0.75rem 0.9rem;
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
@@ -818,13 +821,15 @@ pre code,
line-height: 1.5; line-height: 1.5;
} }
.prose th, .prose th,
.portal-main th { .portal-main th,
.marketing-main th {
color: var(--text); color: var(--text);
background: var(--surface-soft); background: var(--surface-soft);
font-weight: 700; font-weight: 700;
} }
.prose tr:last-child td, .prose tr:last-child td,
.portal-main tr:last-child td { .portal-main tr:last-child td,
.marketing-main tr:last-child td {
border-bottom: 0; border-bottom: 0;
} }
.prose a { .prose a {
@@ -1093,6 +1098,7 @@ footer a {
letter-spacing: 0.15em; letter-spacing: 0.15em;
} }
.marketing-section, .marketing-section,
.marketing-main > section:not(.marketing-hero),
.marketing-cta { .marketing-cta {
width: min(1180px, calc(100% - 40px)); width: min(1180px, calc(100% - 40px));
margin: 0 auto; margin: 0 auto;
@@ -1100,11 +1106,13 @@ footer a {
border-top: 1px solid var(--border); border-top: 1px solid var(--border);
} }
.marketing-section > .eyebrow, .marketing-section > .eyebrow,
.marketing-main > section:not(.marketing-hero) > .eyebrow,
.marketing-cta > .eyebrow { .marketing-cta > .eyebrow {
display: block; display: block;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.marketing-section > h2, .marketing-section > h2,
.marketing-main > section:not(.marketing-hero) > h2,
.marketing-cta h2 { .marketing-cta h2 {
max-width: 800px; max-width: 800px;
margin: 0 0 2.5rem; margin: 0 0 2.5rem;
@@ -1251,11 +1259,13 @@ footer a {
max-height: 360px; max-height: 360px;
} }
.marketing-section, .marketing-section,
.marketing-main > section:not(.marketing-hero),
.marketing-cta { .marketing-cta {
width: calc(100% - 40px); width: calc(100% - 40px);
padding-block: 4.5rem; padding-block: 4.5rem;
} }
.marketing-section > h2, .marketing-section > h2,
.marketing-main > section:not(.marketing-hero) > h2,
.marketing-cta h2 { .marketing-cta h2 {
font-size: clamp(2.2rem, 11vw, 3.2rem); font-size: clamp(2.2rem, 11vw, 3.2rem);
} }