Skip to content

fix: responsive mobile layout for user profile repo list#305

Merged
ping-maxwell merged 4 commits intobetter-auth:mainfrom
AbhiVarde:fix/user-profile-repo-list-mobile
Mar 21, 2026
Merged

fix: responsive mobile layout for user profile repo list#305
ping-maxwell merged 4 commits intobetter-auth:mainfrom
AbhiVarde:fix/user-profile-repo-list-mobile

Conversation

@AbhiVarde
Copy link
Copy Markdown
Contributor

Problem

On small screens (< 768px), the repo list items were completely invisible due to
hidden sm:contents hiding all content below the sm breakpoint. Users on mobile
saw blank repo rows with no name, badges, or meta info.

Solution

  • Changed hidden sm:contentscontents so content is visible on all screen sizes
  • Added flex-wrap to the name + badges row to prevent overflow
  • Removed duplicate ChevronRight from inside the text div
  • Added a mobile-only meta row (flex md:hidden) inside the text div, stacked below description
  • Changed desktop meta div to hidden md:flex so it only shows on md+ screens

Files Changed

  • apps/web/src/components/users/user-profile-content.tsx

Screenshots

Repo list mobile visibility fix

Before After

@vercel
Copy link
Copy Markdown

vercel bot commented Mar 8, 2026

@AbhiVarde is attempting to deploy a commit to the better-auth Team on Vercel.

A member of the Team first needs to authorize it.

@AbhiVarde AbhiVarde force-pushed the fix/user-profile-repo-list-mobile branch from 34b70c6 to 70713e0 Compare March 12, 2026 05:34
@ping-maxwell ping-maxwell merged commit 2ae1cfe into better-auth:main Mar 21, 2026
4 of 5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants