Add consistent rounded-md corners to file diff containers

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-02-28 17:07:26 -05:00
parent 043a5e2ef0
commit 1b32e1592c
2 changed files with 14 additions and 10 deletions

View file

@ -205,16 +205,20 @@ export default function RunFilesChanged() {
return (
<div className="flex flex-col gap-4">
{files.map(({ oldFile, newFile }) => (
<MultiFileDiff
<div
key={newFile.name}
oldFile={oldFile}
newFile={newFile}
options={{
diffStyle: "split",
theme: "pierre-dark",
lineDiffType: "word",
}}
/>
className="rounded-md overflow-hidden border border-white/[0.06]"
>
<MultiFileDiff
oldFile={oldFile}
newFile={newFile}
options={{
diffStyle: "split",
theme: "pierre-dark",
lineDiffType: "word",
}}
/>
</div>
))}
</div>
);

View file

@ -20,7 +20,7 @@ function CollapsibleFile({
const loc = lines.filter((l) => l.trim().length > 0).length;
return (
<div className="rounded-lg border border-white/[0.06] bg-navy-800/50 overflow-hidden">
<div className="rounded-md border border-white/[0.06] bg-navy-800/50 overflow-hidden">
<button
type="button"
onClick={() => setOpen((v) => !v)}