feat(ui): improve mobile browser support

2026-07-22 20:16:16 +00:00
parent b95811a4e5
commit eceb926d91
12 changed files with 46 additions and 46 deletions
@@ -59,18 +59,18 @@ function typeChip(label: string, color: string) {
 export function ChangeCard({ change, index }: { change: Change; index: number }) {
 	return (
 		<div className="rounded-xl border border-border bg-surface-raised/50 p-4">
-			<div className="mb-3 flex items-center gap-2">
+			<div className="mb-3 flex flex-wrap items-center gap-2">
 				<span className="text-xs font-mono text-faint">#{index + 1}</span>
 				{change.type === "unified_diff" && (
 					<>
 						{typeChip("diff", "bg-primary-dim/40 text-primary")}
-						<code className="text-sm text-text">{change.path}</code>
+					<code className="break-all text-sm text-text">{change.path}</code>
 					</>
 				)}
 				{change.type === "config" && (
 					<>
 						{typeChip("config", "bg-accent/15 text-accent")}
-						<code className="text-sm text-text">{change.path}</code>
+					<code className="break-all text-sm text-text">{change.path}</code>
 					</>
 				)}
 				{change.type === "custom" && (