fix: prevent toolbar buttons from wrapping when video preview opens (#2896)

Fixes #2883

When the video preview panel opens, the Design Files toolbar buttons
would wrap into multiple rows due to reduced available width.

This fix adds:
- flex-wrap: nowrap to keep buttons on a single row
- flex-shrink: 0 to prevent buttons from being squeezed

The action buttons now remain stable and aligned even when the preview
pane reduces the available width.

Co-authored-by: Siri-Ray <2667192167@qq.com>
This commit is contained in:
Nicholas-Xiong 2026-05-28 17:25:10 +08:00 committed by GitHub
parent c847ace554
commit ae22e9f851
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -64,7 +64,8 @@
align-items: center;
justify-content: flex-end;
gap: 4px;
flex-wrap: wrap;
flex-wrap: nowrap;
flex-shrink: 0;
}
.df-controls-row .df-actions button {
background: transparent;