diff options
| author | MaheshtheDev <[email protected]> | 2025-10-29 06:38:16 +0000 |
|---|---|---|
| committer | MaheshtheDev <[email protected]> | 2025-10-29 06:38:16 +0000 |
| commit | 2145340c11bfafc037f417f4e4e41b6593f3964e (patch) | |
| tree | bf95d534daa8039aea56a93a88a36fc9d1d47381 /apps/web/components/header.tsx | |
| parent | fix: add type safety annotations and fix hook dependencies in chat (#521) (diff) | |
| download | archived-supermemory-2145340c11bfafc037f417f4e4e41b6593f3964e.tar.xz archived-supermemory-2145340c11bfafc037f417f4e4e41b6593f3964e.zip | |
fix: skeleton and mobile chat improvments (#541)10-28-fix_skeleton_and_mobile_chat_improvments
### Improved mobile responsiveness across chat interface and memory list with better loading states.
### What changed?
- Added responsive padding in chat page for mobile devices
- Enhanced header layout for chat titles with proper truncation and responsive text sizes
- Replaced the simple loading spinner in memory list with skeleton loading cards
- Improved message container width constraints on mobile devices
Diffstat (limited to 'apps/web/components/header.tsx')
| -rw-r--r-- | apps/web/components/header.tsx | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/apps/web/components/header.tsx b/apps/web/components/header.tsx index 44bb1f74..1448588e 100644 --- a/apps/web/components/header.tsx +++ b/apps/web/components/header.tsx @@ -124,9 +124,11 @@ export function Header({ onAddMemory }: { onAddMemory?: () => void }) { rel="noopener noreferrer" > {getCurrentChat()?.title && pathname.includes("/chat") ? ( - <div className="flex items-center gap-4"> - <Logo className="h-6 block text-foreground" /> - <span className="truncate">{getCurrentChat()?.title}</span> + <div className="flex items-center gap-2 md:gap-4 min-w-0 max-w-[200px] md:max-w-md"> + <Logo className="h-6 block text-foreground flex-shrink-0" /> + <span className="truncate text-sm md:text-base"> + {getCurrentChat()?.title} + </span> </div> ) : ( <> |