authorgravatar for julius0216@outlook.comJulius Marminge <julius0216@outlook.com> 2026-03-01 10:30:46-08:00
committergravatar for jmarminge@gmail.comJulius Marminge <jmarminge@gmail.com> 2026-03-01 10:31:13-08:00
loge3a2dfb9d0ca049890c10a9f27124be2eb1a5985
treea53826b2dc5c1b5455e4e456fa1918ce32f3ffd2
parent3dd004c3230d62028e0d1c747cf641cf8d33ad3e

Fix diff panel padding and top spacing for virtualized files

- Use horizontal and bottom padding on the diff render surface - Add top margin to the first diff file for consistent spacing

1 files changed, 2 insertions(+), 2 deletions(-)

apps/web/src/components/DiffPanel.tsx+2-2
...@@ -547,7 +547,7 @@ export default function DiffPanel({ mode = "inline" }: DiffPanelProps) {...@@ -547,7 +547,7 @@ export default function DiffPanel({ mode = "inline" }: DiffPanelProps) {
547 </div>547 </div>
548 ) : renderablePatch.kind === "files" ? (548 ) : renderablePatch.kind === "files" ? (
549 <Virtualizer549 <Virtualizer
550 className="diff-render-surface h-full min-h-0 overflow-auto p-2 "550 className="diff-render-surface h-full min-h-0 overflow-auto px-2 pb-2"
551 config={{551 config={{
552 overscrollSize: 600,552 overscrollSize: 600,
553 intersectionObserverMargin: 1200,553 intersectionObserverMargin: 1200,
...@@ -561,7 +561,7 @@ export default function DiffPanel({ mode = "inline" }: DiffPanelProps) {...@@ -561,7 +561,7 @@ export default function DiffPanel({ mode = "inline" }: DiffPanelProps) {
561 <div561 <div
562 key={themedFileKey}562 key={themedFileKey}
563 data-diff-file-path={filePath}563 data-diff-file-path={filePath}
564 className="diff-render-file mb-2 rounded-md last:mb-0"564 className="diff-render-file mb-2 rounded-md first:mt-2 last:mb-0"
565 onClickCapture={(event) => {565 onClickCapture={(event) => {
566 const nativeEvent = event.nativeEvent as MouseEvent;566 const nativeEvent = event.nativeEvent as MouseEvent;
567 const composedPath = nativeEvent.composedPath?.() ?? [];567 const composedPath = nativeEvent.composedPath?.() ?? [];