From 2846d053f18a7f2d92aa28ccd83ccfb47d80170d Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Wed, 18 Feb 2026 11:03:21 +0000
Subject: 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
---
 frontend/src/pages/ReadArticles.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

(limited to 'frontend/src/pages/ReadArticles.tsx')

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>
-- 
cgit v1.3-1-g0d28