diff options
Diffstat (limited to 'frontend')
| -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> |