fix(web): wrap long record values in diff and zone view (no horizontal overflow)

RecordRow now splits into a top line (badge/name/read-only, unaffected
by value length) and a plain block-level values line below it, so a
~400-char unbreakable DKIM key wraps via break-all instead of stretching
the flex row and forcing page-wide horizontal scroll. Zone records table
gets break-all on the values cell too.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BwxdSt4reTm7Dj1oxRvpP3
This commit is contained in:
2026-07-05 14:27:33 +07:00
parent 1b367c4bda
commit 784e7bd822
3 changed files with 63 additions and 24 deletions
+3 -1
View File
@@ -167,7 +167,9 @@ export function DomainDiffPage() {
<TableCell className="font-dns">{r.type}</TableCell>
<TableCell className="font-dns">{r.name}</TableCell>
<TableCell className="font-dns">{r.ttl}</TableCell>
<TableCell className="font-dns whitespace-pre-line">{r.values.join("\n")}</TableCell>
<TableCell className="font-dns whitespace-pre-line break-all">
{r.values.join("\n")}
</TableCell>
</TableRow>
))}
</TableBody>