giers10/webeditor3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update ViewportPanel component for quad layout and active badge display

Browse Source
This commit is contained in:
Victor Giers
2026-04-02 23:25:29 +02:00
parent 710b18b994
commit 15b17223c2
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/viewport-three/ViewportPanel.tsx
View File

@@ -77,18 +77,18 @@ export function ViewportPanel({
onFocusCapture={() => onActivatePanel(panelId)}
>
<div className="viewport-panel__header">
<div className="viewport-panel__meta">
<div className="viewport-panel__title-row">
<div className="viewport-panel__title">{getViewportPanelLabel(panelId)}</div>
{isActive ? <div className="viewport-panel__active-badge">Active</div> : null}
</div>
{layoutMode === "quad" ? null : (
<div className="viewport-panel__subtitle">
{getViewportViewModeLabel(panelState.viewMode)} / {getViewportDisplayModeLabel(panelState.displayMode)}
{layoutMode === "quad" ? (
<div className="viewport-panel__meta">
<div className="viewport-panel__title-row">
<div className="viewport-panel__title">{getViewportPanelLabel(panelId)}</div>
{isActive ? (
<div className="viewport-panel__active-badge" data-testid="viewport-active-panel">
{getViewportPanelLabel(panelId)} Active
</div>
) : null}
</div>
)}
</div>
</div>
) : null}
<div className="viewport-panel__controls">
<div className="viewport-panel__control-group" role="group" aria-label={`${getViewportPanelLabel(panelId)} view mode`}>
{VIEWPORT_VIEW_MODES.map((viewMode) => (