From 4903b84aef5371d6d49b607713d5f2ea93d88177 Mon Sep 17 00:00:00 2001 From: Trey t Date: Mon, 16 Feb 2026 12:58:48 -0600 Subject: [PATCH] Add mobile-first responsive design with bottom tab navigation Converts desktop sidebar to hidden on mobile, adds bottom tab bar with 5 primary items and a "More" overflow menu. All pages get responsive spacing, smaller touch targets, and tighter grids on small screens. Co-Authored-By: Claude Opus 4.6 --- client/index.html | 4 +- client/src/App.jsx | 112 +++++++++++++++++++++++++++-- client/src/components/PostCard.jsx | 6 +- client/src/components/UserCard.jsx | 4 +- client/src/index.css | 5 ++ client/src/pages/Downloads.jsx | 60 +++++++++------- client/src/pages/Duplicates.jsx | 84 +++++++++++----------- client/src/pages/Feed.jsx | 6 +- client/src/pages/Gallery.jsx | 6 +- client/src/pages/Login.jsx | 14 ++-- client/src/pages/Scrape.jsx | 10 +-- client/src/pages/Search.jsx | 16 ++--- client/src/pages/UserPosts.jsx | 67 ++++++++--------- client/src/pages/Users.jsx | 6 +- 14 files changed, 263 insertions(+), 137 deletions(-) diff --git a/client/index.html b/client/index.html index 1092d56..3341c0c 100644 --- a/client/index.html +++ b/client/index.html @@ -2,7 +2,9 @@ - + + + OFApp