fix: use page scrolling for dragon tiger

This commit is contained in:
leefer
2026-08-02 14:08:48 +08:00
parent 666a5041dd
commit 48c6494e73
5 changed files with 132 additions and 48 deletions
+10 -31
View File
@@ -4350,17 +4350,11 @@ body.sidebar-collapsed .status-bar { left: 64px; }
.dragon-empty-actions-v2 .lucide { width: 15px; height: 15px; }
@media (min-width: 721px) {
body[data-active-view="dragonView"] .app-main { display: flex; flex-direction: column; overflow: hidden; }
body[data-active-view="dragonView"] .overview-strip { flex: 0 0 auto; }
body[data-active-view="dragonView"] .app-main { height: var(--workspace-height); min-height: 0; display: block; overflow: auto; }
body[data-active-view="dragonView"] #dragonView.active-view {
min-height: 0;
flex: 1 1 auto;
display: flex;
flex-direction: column;
display: block;
overflow: visible;
}
body[data-active-view="dragonView"] .dragon-page-head-v2 { flex: 0 0 auto; }
body[data-active-view="dragonView"] .dragon-daily-content-v2,
body[data-active-view="dragonView"] .dragon-empty-state-v2 { flex: 1 1 auto; }
}
@media (min-width: 721px) and (max-height: 900px) {
@@ -8372,40 +8366,25 @@ body.sidebar-collapsed .status-bar { left: 64px; }
white-space: nowrap;
}
/* The Dragon-Tiger page stays still; only the selected trader's operations scroll. */
/* The Dragon-Tiger page owns vertical scrolling; wide operation tables scroll horizontally. */
@media (min-width: 721px) {
body[data-active-view="dragonView"] .dragon-daily-content-v2 {
min-height: 0;
display: grid;
grid-template-rows: auto auto auto minmax(150px, 1fr) auto;
overflow: hidden;
}
body[data-active-view="dragonView"] #dragonView .dragon-card-stage-v2 {
flex: 0 0 auto;
display: block;
overflow: visible;
}
body[data-active-view="dragonView"] #dragonView .dragon-trader-detail-v2 {
min-height: 0;
display: flex;
flex-direction: column;
}
body[data-active-view="dragonView"] #dragonView .dragon-detail-header {
flex: 0 0 auto;
display: block;
}
body[data-active-view="dragonView"] #dragonView .dragon-trader-detail .trader-operations {
min-height: 0;
flex: 1 1 auto;
max-height: none;
overflow: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
}
body[data-active-view="dragonView"] #dragonView .dragon-unclassified-v2 {
max-height: 180px;
overflow: auto;
max-height: none;
overflow: visible;
}
:is(