chore: create Multica handoff checkpoint

This commit is contained in:
leefer
2026-08-06 22:54:46 +08:00
parent bd97ba1829
commit 33f9db43b1
51 changed files with 3054 additions and 2883 deletions
+83 -7
View File
@@ -584,7 +584,7 @@
border-bottom-color: var(--border);
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.main-grid {
display: block;
@@ -1146,7 +1146,7 @@
}
}
@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) {
@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) {
.pool-page-head .toolbar-controls {
flex-wrap: wrap;
}
@@ -1290,7 +1290,7 @@
line-height: 1.6;
}
@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) {
@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) {
.broken-page-head .toolbar-controls {
flex-wrap: nowrap;
}
@@ -2182,7 +2182,7 @@
}
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.redesigned-performance-view .performance-cards {
grid-template-columns: repeat(2, minmax(0px, 1fr));
}
@@ -2211,7 +2211,7 @@
}
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.redesigned-performance-view {
padding: 0px;
}
@@ -2284,7 +2284,7 @@
}
}
@media (max-width: 720px) {
@media (max-width: 767px) {
:is(#limitTable, #brokenTable, #downTable, #yesterdayTable) .pool-reason-cell {
white-space: normal;
}
@@ -2374,7 +2374,7 @@
overflow: auto;
}
@media (min-width: 721px) {
@media (min-width: 768px) {
#yesterdayView.active-view {
min-height: 0px;
@@ -2489,3 +2489,79 @@
.ladder-mini.pool-side-list {
display: block;
}
/* Mobile pool workspaces keep filters usable and tables locally horizontal. */
@media (max-width: 767px) {
:is(#limitPool, #brokenView, #downView, #yesterdayView, #performanceView) {
padding-inline: 0;
}
:is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) {
gap: var(--space-8);
}
body.mobile-shell :is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) .toolbar-controls {
width: 100%;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: var(--space-8);
overflow: visible;
}
.pool-page-head .pool-filter-segments {
width: 100%;
min-width: 0;
grid-column: 1 / -1;
}
.pool-page-head .pool-filter-segments .segment {
min-width: 0;
flex: 1 1 0;
padding-inline: var(--space-8);
}
:is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) .pool-search-field {
width: 100%;
min-width: 0;
}
:is(.pool-page-head, .broken-page-head, .down-page-head, .yesterday-page-head) .pool-search-field input {
width: 100%;
min-width: 0;
flex: 1 1 auto;
}
#limitPool .redesigned-pool-grid {
display: flex;
flex-direction: column;
gap: var(--space-12);
}
:is(#limitPool, #brokenView, #downView, #yesterdayView) .tbl-wrap {
min-height: var(--mobile-table-min-height);
max-height: none;
overflow-x: auto;
overflow-y: visible;
}
#limitPool .pool-insight-rail {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--space-12);
}
#limitPool .pool-insight-rail .rail-section {
min-height: 0;
}
#yesterdayView .yesterday-result-summary {
display: flex;
overflow-x: auto;
scrollbar-width: none;
}
#yesterdayView .yesterday-summary-cell {
min-width: var(--mobile-summary-card-width);
flex: 0 0 auto;
}
}