diff options
| author | nsfisis <54318333+nsfisis@users.noreply.github.com> | 2026-02-18 20:11:56 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2026-02-18 20:11:56 +0900 |
| commit | cb687cfa03f382c12b3be3be3eb265d7016f9834 (patch) | |
| tree | bd74544e90643dda6d6d34000fb17a9ffe408066 | |
| parent | 7ff02cd24054ba6a629478cb20f565c7c6c76fbd (diff) | |
| parent | 2846d053f18a7f2d92aa28ccd83ccfb47d80170d (diff) | |
| download | feedaka-cb687cfa03f382c12b3be3be3eb265d7016f9834.tar.gz feedaka-cb687cfa03f382c12b3be3be3eb265d7016f9834.tar.zst feedaka-cb687cfa03f382c12b3be3be3eb265d7016f9834.zip | |
Merge pull request #5 from nsfisis/claude/fix-mobile-feed-menu-TEr3n
Move responsive styling from FeedSidebar to parent containers
| -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> |