Albert
1284baf8e8
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>
41 lines
788 B
TypeScript
41 lines
788 B
TypeScript
'use client';
|
|
|
|
/**
|
|
* Mobile Header
|
|
*
|
|
* Fixed header for mobile devices showing the Ponderants logo.
|
|
*/
|
|
|
|
import { Group, Title, Paper } from '@mantine/core';
|
|
|
|
export function MobileHeader() {
|
|
return (
|
|
<Paper
|
|
withBorder
|
|
p="sm"
|
|
radius={0}
|
|
style={{
|
|
position: 'fixed',
|
|
top: 0,
|
|
left: 0,
|
|
right: 0,
|
|
zIndex: 100,
|
|
borderBottom: '1px solid #373A40',
|
|
}}
|
|
>
|
|
<Group gap="md" align="center" wrap="nowrap">
|
|
<img
|
|
src="/logo.svg"
|
|
alt="Ponderants logo"
|
|
width={32}
|
|
height={32}
|
|
style={{ flexShrink: 0, display: 'block' }}
|
|
/>
|
|
<Title order={3} style={{ margin: 0 }}>
|
|
Ponderants
|
|
</Title>
|
|
</Group>
|
|
</Paper>
|
|
);
|
|
}
|