2026-03-28 14:22:34 +01:00
|
|
|
.splitView {
|
2026-03-28 14:29:19 +01:00
|
|
|
display: flex;
|
2026-03-28 13:57:13 +01:00
|
|
|
height: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
}
|
|
|
|
|
|
2026-03-28 14:22:34 +01:00
|
|
|
.leftPanel {
|
2026-03-28 16:57:12 +01:00
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
overflow: hidden;
|
2026-03-28 14:22:34 +01:00
|
|
|
height: 100%;
|
2026-03-28 14:29:19 +01:00
|
|
|
flex-shrink: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.splitter {
|
|
|
|
|
width: 5px;
|
|
|
|
|
flex-shrink: 0;
|
|
|
|
|
cursor: col-resize;
|
|
|
|
|
background: var(--border);
|
|
|
|
|
transition: background 0.15s;
|
|
|
|
|
touch-action: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.splitter:hover,
|
|
|
|
|
.splitter:active {
|
|
|
|
|
background: var(--amber);
|
2026-03-28 14:22:34 +01:00
|
|
|
}
|
|
|
|
|
|
2026-03-28 13:57:13 +01:00
|
|
|
.rightPanel {
|
2026-03-28 14:29:19 +01:00
|
|
|
flex: 1;
|
2026-03-28 13:57:13 +01:00
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
height: 100%;
|
2026-03-28 14:29:19 +01:00
|
|
|
min-width: 0;
|
2026-03-28 13:57:13 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.emptyRight {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
height: 100%;
|
|
|
|
|
color: var(--text-muted);
|
|
|
|
|
font-size: 0.875rem;
|
|
|
|
|
}
|