面板布局更新

This commit is contained in:
tianmo committed 2026-10-24 19:30:32 +08:00
1 parent a417c9119d
commit 7069b168de
18 files changed
+220 -145

No files matched your search

+4 -2
View File
@@ -18,6 +18,7 @@
<nav
v-if="store.settings.floatingMenuEnabled"
class="floating-section-nav"
:class="{ 'nav-left': !store.settings.parameterPanelOnRight }"
role="tablist"
:aria-label="$t('settings.floatingMenu')"
>
@@ -107,13 +108,14 @@ function onTimelineDrag(e: PointerEvent) {
.panel-right .parameter-panel { order: 3; }
.stage-area { position: relative; flex: 1; min-height: 0; overflow: clip; }
.floating-section-nav {
position: absolute; right: 12px; top: 72px; z-index: 6; display: flex;
width: clamp(184px, 15vw, 236px); max-height: calc(100% - 92px);
position: absolute; right: 12px; top: 12px; z-index: 6; display: flex;
width: clamp(184px, 15vw, 236px); max-height: calc(100% - 124px);
flex-direction: column; gap: 5px; overflow-y: auto; box-sizing: border-box; padding: 8px;
border: 1px solid rgba(79, 91, 121, .72); border-radius: 10px;
background: rgba(15, 18, 29, .9); box-shadow: 0 12px 30px rgba(0, 0, 0, .36);
scrollbar-width: thin; scrollbar-color: #3a455e transparent;
}
.floating-section-nav.nav-left { left: 12px; right: auto; }
.floating-section-tab {
display: flex; width: 100%; min-height: 40px; flex: 0 0 auto; align-items: center; gap: 9px;
padding: 0 10px; border: 1px solid #2d3548; border-radius: 8px;