Files
app/app/galaxy/page.tsx
Albert f0284ef813 feat: Improve UI layout and navigation
- Increase logo size (48x48 desktop, 56x56 mobile) for better visibility
- Add logo as favicon
- Add logo to mobile header
- Move user menu to navigation bars (sidebar on desktop, bottom bar on mobile)
- Fix desktop chat layout - container structure prevents voice controls cutoff
- Fix mobile bottom bar - use icon-only ActionIcons instead of truncated text buttons
- Hide Create Node/New Conversation buttons on mobile to save header space
- Make fixed header and voice controls work properly with containers

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-09 14:43:11 +00:00

21 lines
592 B
TypeScript

'use client';
import { Box, Text, Stack } from '@mantine/core';
import { Suspense } from 'react';
import { ThoughtGalaxy } from '@/components/ThoughtGalaxy';
export default function GalaxyPage() {
return (
<Box style={{ height: '100vh', width: '100vw', position: 'relative' }}>
{/* R3F Canvas for the 3D visualization */}
<Suspense fallback={
<Stack align="center" justify="center" style={{ height: '100vh' }}>
<Text c="dimmed">Loading your thought galaxy...</Text>
</Stack>
}>
<ThoughtGalaxy />
</Suspense>
</Box>
);
}