diff options
| author | Claude <noreply@anthropic.com> | 2026-02-18 11:03:21 +0000 |
|---|---|---|
| committer | Claude <noreply@anthropic.com> | 2026-02-18 11:03:21 +0000 |
| commit | 2846d053f18a7f2d92aa28ccd83ccfb47d80170d (patch) | |
| tree | bd74544e90643dda6d6d34000fb17a9ffe408066 | |
| parent | 7ff02cd24054ba6a629478cb20f565c7c6c76fbd (diff) | |
| download | feedaka-2846d053f18a7f2d92aa28ccd83ccfb47d80170d.tar.gz feedaka-2846d053f18a7f2d92aa28ccd83ccfb47d80170d.tar.zst feedaka-2846d053f18a7f2d92aa28ccd83ccfb47d80170d.zip | |
fix(frontend): hide loading spinner on mobile when feed sidebar is hidden
The Suspense fallback (LoadingSpinner) was visible on mobile even though
FeedSidebar itself had `hidden md:block`. Move the responsive hiding
classes to a wrapper div so both the spinner and the sidebar are hidden
on mobile screens.
https://claude.ai/code/session_01Nfc9gnkDPgnXZwEWyGrb9U
| -rw-r--r-- | frontend/src/components/FeedSidebar.tsx | 2 | ||||
| -rw-r--r-- | frontend/src/pages/ReadArticles.tsx | 12 | ||||
| -rw-r--r-- | frontend/src/pages/UnreadArticles.tsx | 12 |
3 files changed, 15 insertions, 11 deletions
diff --git a/frontend/src/components/FeedSidebar.tsx b/frontend/src/components/FeedSidebar.tsx index e196127..209be23 100644 --- a/frontend/src/components/FeedSidebar.tsx +++ b/frontend/src/components/FeedSidebar.tsx @@ -28,7 +28,7 @@ export function FeedSidebar({ basePath, isReadView = false }: Props) { }; return ( - <nav className="hidden w-56 shrink-0 md:block"> + <nav> <h2 className="mb-3 text-xs font-semibold uppercase tracking-wide text-stone-400"> Feeds </h2> diff --git a/frontend/src/pages/ReadArticles.tsx b/frontend/src/pages/ReadArticles.tsx index 57fbc9a..8fcf9df 100644 --- a/frontend/src/pages/ReadArticles.tsx +++ b/frontend/src/pages/ReadArticles.tsx @@ -26,11 +26,13 @@ export function ReadArticles() { return ( <div className="flex gap-8"> - <ErrorBoundary> - <Suspense fallback={<LoadingSpinner />}> - <FeedSidebar basePath="/read" isReadView /> - </Suspense> - </ErrorBoundary> + <div className="hidden w-56 shrink-0 md:block"> + <ErrorBoundary> + <Suspense fallback={<LoadingSpinner />}> + <FeedSidebar basePath="/read" isReadView /> + </Suspense> + </ErrorBoundary> + </div> <div className="min-w-0 flex-1"> <ReadArticleList feedId={feedId} /> </div> diff --git a/frontend/src/pages/UnreadArticles.tsx b/frontend/src/pages/UnreadArticles.tsx index 291f0ee..32d1190 100644 --- a/frontend/src/pages/UnreadArticles.tsx +++ b/frontend/src/pages/UnreadArticles.tsx @@ -26,11 +26,13 @@ export function UnreadArticles() { return ( <div className="flex gap-8"> - <ErrorBoundary> - <Suspense fallback={<LoadingSpinner />}> - <FeedSidebar basePath="/unread" /> - </Suspense> - </ErrorBoundary> + <div className="hidden w-56 shrink-0 md:block"> + <ErrorBoundary> + <Suspense fallback={<LoadingSpinner />}> + <FeedSidebar basePath="/unread" /> + </Suspense> + </ErrorBoundary> + </div> <div className="min-w-0 flex-1"> <UnreadArticleList feedId={feedId} /> </div> |