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 /frontend/src/pages/UnreadArticles.tsx | |
| 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
Diffstat (limited to 'frontend/src/pages/UnreadArticles.tsx')
| -rw-r--r-- | frontend/src/pages/UnreadArticles.tsx | 12 |
1 files changed, 7 insertions, 5 deletions
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> |