diff --git a/src/app/globals.css b/src/app/globals.css index cc51ad6..9802c8d 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -4,6 +4,12 @@ /* Global Styles */ +:root { + --weekly-font: var(--font-body, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif); + --weekly-font-headline: var(--font-headline, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif); + --font-weight-body: 400; +} + /* Reset and base styles */ *, ::before, @@ -14,8 +20,15 @@ border-color: transparent; } +html, +body { + max-width: 100vw; + overflow-x: hidden; + font-family: var(--weekly-font); + font-weight: var(--font-weight-body); +} + body { - font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; background-color: #f8fafc; color: #1e293b; line-height: 1.6; @@ -626,6 +639,7 @@ h3 { text-transform: uppercase; letter-spacing: -0.02em; color: var(--weekly-text); + font-family: var(--weekly-font-headline); } .weekly-day-name.is-today { @@ -797,6 +811,7 @@ h3 { z-index: 10; padding-left: 8px; padding-right: 4px; + flex-wrap: nowrap; } .task-action-btn { diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx index dbc8a9e..8d1ebab 100644 --- a/src/components/WeeklyView.tsx +++ b/src/components/WeeklyView.tsx @@ -1489,7 +1489,7 @@ export default function WeeklyView() { const containerStyle = { '--font-headline': `"${headlineFont}", sans-serif`, '--font-body': `"${bodyFont}", sans-serif`, - '--font-weight-body': fontWeight, + '--font-weight-body': fontWeight || '400', } as React.CSSProperties; if (isLoading) { @@ -3597,6 +3597,12 @@ function SettingsSidebar({
{accountMsg}
}