lfg2025/archy
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 33 Wiki Activity

feat: mobile close button at bottom of chat view for thumb reach

Browse Source 
Hide top-right pill on mobile, add bottom-positioned close button
using useMobileBackButton composable for proper tab bar clearance.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dorian
2026-03-04 23:29:11 +00:00
parent 4463a54e98
commit d911c90675
2 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.claude/plans/reflective-meandering-castle.md
View File

@@ -15,7 +15,7 @@ After getting Claude Max OAuth working on the live server, hardening the deploy
- **Change**: Increase mobile insets from `0.75rem` to `1.25rem` for both `top` and `right`
- **Verify**: Open `/dashboard/chat` on mobile viewport, pill not flush against edges
### Task 2: AIUI close button mobile UX
### Task 2: AIUI close button mobile UX [DONE]
- **Files**: `neode-ui/src/views/Chat.vue`, `neode-ui/src/style.css`
- **Change**: On mobile (`md:hidden`), move close pill to bottom-center using `useMobileBackButton` composable. Hide top-right pill on mobile (`hidden md:flex`). Add a second close button at bottom that's thumb-reachable.
- **Verify**: Mobile: close button at bottom (easy reach). Desktop: pill at top-right unchanged.