Skip to content

fix: hide split diff toggle at lg breakpoint - #348

Open
AbhiVarde wants to merge 1 commit into
better-auth:mainfrom
AbhiVarde:fix/split-diff-breakpoint
Open

fix: hide split diff toggle at lg breakpoint#348
AbhiVarde wants to merge 1 commit into
better-auth:mainfrom
AbhiVarde:fix/split-diff-breakpoint

Conversation

@AbhiVarde

Copy link
Copy Markdown
Contributor

Problem

Split diff view at the lg breakpoint (1024–1279px) is too cramped, the PR detail page has a resizable conversation panel alongside the diff panel, leaving each code column too narrow to read comfortably.

Fix

Hide the split diff toggle button at the lg breakpoint only. It remains accessible at md (768–1023px) for wider tablet/landscape views and at xl (1280px+) for large desktop screens.

Breakpoint behaviour:

  • xs/sm (< 768px) → hidden
  • md (768–1023px) → visible
  • lg (1024–1279px) → hidden
  • xl (1280px+) → visible

Changes

  • apps/web/src/components/pr/pr-diff-viewer.tsx - one class change on the split view toggle button

@vercel

vercel Bot commented May 3, 2026

Copy link
Copy Markdown

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

A member of the Team first needs to authorize it.

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.

1 participant