diff --git a/app/globals.css b/app/globals.css index 97c17dc5..a9531d9d 100644 --- a/app/globals.css +++ b/app/globals.css @@ -62,9 +62,14 @@ body { background-color: var(--color-background); color: var(--color-foreground); - font-family: system-ui, -apple-system, sans-serif; + font-family: + system-ui, + -apple-system, + sans-serif; font-size: var(--font-size-base); - font-feature-settings: "rlig" 1, "calt" 1; + font-feature-settings: + "rlig" 1, + "calt" 1; } /* Minimalist scrollbar */ @@ -97,7 +102,9 @@ body { } .email-content { - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + font-family: + -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", + Arial, sans-serif; font-size: 0.9375rem; line-height: 1.6; color: var(--color-foreground); @@ -153,7 +160,7 @@ body { border: 1px solid #e5e7eb; border-radius: 0.375rem; padding: 1rem; - font-family: 'SF Mono', Monaco, Menlo, Consolas, monospace; + font-family: "SF Mono", Monaco, Menlo, Consolas, monospace; font-size: 0.875rem; overflow-x: auto; margin: 1rem 0; @@ -168,7 +175,7 @@ body { background-color: #f3f4f6; padding: 0.125rem 0.375rem; border-radius: 0.25rem; - font-family: 'SF Mono', Monaco, Menlo, Consolas, monospace; + font-family: "SF Mono", Monaco, Menlo, Consolas, monospace; font-size: 0.875rem; color: #dc2626; } @@ -189,10 +196,18 @@ body { color: var(--color-foreground); } -.email-content h1 { font-size: 1.5rem; } -.email-content h2 { font-size: 1.25rem; } -.email-content h3 { font-size: 1.125rem; } -.email-content h4 { font-size: 1rem; } +.email-content h1 { + font-size: 1.5rem; +} +.email-content h2 { + font-size: 1.25rem; +} +.email-content h3 { + font-size: 1.125rem; +} +.email-content h4 { + font-size: 1rem; +} .email-content ul, .email-content ol { @@ -306,7 +321,6 @@ body { animation: slide-in 0.3s ease-out; } - /* Mobile Responsive Utilities */ /* Safe area insets for notched devices (iPhone X+, etc.) */ @@ -341,7 +355,9 @@ body { /* Smooth transitions for view switching */ .view-transition { - transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; + transition: + transform 0.3s ease-in-out, + opacity 0.3s ease-in-out; } /* Hide scrollbar on mobile while keeping functionality */