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) {
547547 </div>
548548 ) : renderablePatch.kind === "files" ? (
549549 <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"
551551 config={{
552552 overscrollSize: 600,
553553 intersectionObserverMargin: 1200,
......@@ -561,7 +561,7 @@ export default function DiffPanel({ mode = "inline" }: DiffPanelProps) {
561561 <div
562562 key={themedFileKey}
563563 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"
565565 onClickCapture={(event) => {
566566 const nativeEvent = event.nativeEvent as MouseEvent;
567567 const composedPath = nativeEvent.composedPath?.() ?? [];