Albert
2b47231e16
- Changed logo scale from 3.5x to 1.5x in MobileHeader - Changed logo scale from 3.5x to 1.5x in DesktopSidebar - Prevents logo from overlapping with "Ponderants" title text - Maintains proper spacing and visual hierarchy 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
41 lines
896 B
TypeScript
41 lines
896 B
TypeScript
'use client';
|
|
|
|
/**
|
|
* Mobile Header
|
|
*
|
|
* Fixed header for mobile devices showing the Ponderants logo.
|
|
*/
|
|
|
|
import { Group, Image, Text, Paper, Box } 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="sm" align="center">
|
|
<Box w={32} h={32} style={{ flexShrink: 0, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
|
|
<Image
|
|
src="/logo.svg"
|
|
alt="Ponderants logo"
|
|
style={{ width: '100%', height: '100%', transform: 'scale(1.5)' }}
|
|
/>
|
|
</Box>
|
|
<Text fw={700} size="lg">
|
|
Ponderants
|
|
</Text>
|
|
</Group>
|
|
</Paper>
|
|
);
|
|
}
|