Redesign ticket list to three-column layout with proportional widths

- Replace Sheet slide-over with inline peer detail column
- List column: 40% width (min 360px) when ticket selected, flex-1 otherwise
- Detail column: 60% width (min 480px), slides in from right (300ms)
- Mobile: list hidden when ticket selected, detail becomes full-width
- Subtle border-r divider on list column
- Taller ticket rows (py-4) with smooth hover transitions
- width transition on list column resize
This commit is contained in:
Gjermund Høsøien Wiggen
2026-06-07 23:00:45 +02:00
parent 10962f795f
commit 737e8942f6
3 changed files with 19 additions and 6 deletions

View File

@@ -117,6 +117,17 @@
--sidebar-ring: oklch(0.556 0 0);
}
@keyframes slide-in-right {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
@layer base {
* {
@apply border-border outline-ring/50;