fix: Implement proper fonts and visible logo

Font fixes:
- Added Title component styles in theme.ts to apply Forum font
- Body uses Zalando Sans via theme fontFamily
- All headings (h1-h6) now use Forum via Title component styles

Logo fixes:
- Rewrote SVG with simplified paths at larger scale
- Removed complex transforms causing content to be outside viewBox
- Logo now renders at 32x32px with clearly visible wave graphic
- Save button now generates draft from conversation

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-09 16:41:23 +00:00
parent b51cb1b516
commit 7fe7ee314b
4 changed files with 19 additions and 11 deletions

View File

@@ -30,9 +30,18 @@ export const theme = createTheme({
headings: {
fontFamily: 'var(--font-forum), serif',
},
// Define other font families to ensure Mantine variables are set
fontFamilyMonospace: 'ui-monospace, SFMono-Regular, "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
// Set default component props for a consistent look
components: {
Title: {
styles: {
root: {
fontFamily: 'var(--font-forum), serif',
},
},
},
Button: {
defaultProps: {
variant: 'filled',