feat(ui): add diff toolbar toggles and word wrap

Replace split/unified and context controls with icon toggles, add a word-wrap toggle (default on), and move the toolbar into the tab header to free vertical space.
This commit is contained in:
Shantur Rathore
2026-02-17 13:47:07 +00:00
parent ddc58a2c3c
commit dea5079713
8 changed files with 112 additions and 44 deletions

View File

@@ -282,7 +282,7 @@
}
.file-viewer-toolbar {
@apply ml-auto flex items-center gap-1;
@apply flex items-center gap-1;
}
.file-viewer-toolbar-button {
@@ -291,6 +291,22 @@
color: var(--text-secondary);
}
.file-viewer-toolbar-icon-button {
@apply inline-flex items-center justify-center shrink-0 w-7 h-7 border border-base transition-colors;
background-color: var(--surface-base);
color: var(--text-secondary);
}
.file-viewer-toolbar-icon-button:hover {
background-color: var(--surface-hover);
color: var(--text-primary);
}
.file-viewer-toolbar-icon-button.active {
color: var(--text-primary);
box-shadow: inset 0 0 0 1px var(--accent-primary);
}
.file-viewer-toolbar-button:hover {
background-color: var(--surface-hover);
color: var(--text-primary);