leefer/xiaobaifupan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: create Multica handoff checkpoint

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
app/frontend/shared/components/cards.css
+2 -2
View File
@@ -168,7 +168,7 @@
font-size: 11px;
}
@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) {
@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) {
.redesigned-page-head {
align-items: flex-start;
@@ -178,7 +178,7 @@
}
}
@media (min-width: 721px) {
@media (min-width: 768px) {
:is(.redesigned-auction-view, .redesigned-theme-view, .redesigned-popularity-view, .redesigned-dragon-view) {
width: min(100%, 2200px);
app/frontend/shared/components/controls.css
+87 -37
View File
@@ -9,7 +9,7 @@
stroke-width: 1.75;
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.header-command-group .command-button {
width: 100%;
@@ -106,7 +106,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
transform: rotate(180deg);
}
@media (min-width: 721px) and (max-width: 1279px) {
@media (min-width: 768px) and (max-width: 1279px) {
.command-button {
width: 32px;
@@ -118,7 +118,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
}
}
@media (min-width: 721px) and (max-width: 1023px) {
@media (min-width: 768px) and (max-width: 1023px) {
.sidebar-collapse-button span {
display: none;
}
@@ -132,7 +132,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
}
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.header-command-group .button.primary {
border-color: var(--action);
@@ -186,7 +186,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
height: 15px;
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.stock-heaven-button span {
display: none;
}
@@ -241,7 +241,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
font-weight: 670;
}
@media (min-width: 721px) and (max-width: 1279px) {
@media (min-width: 768px) and (max-width: 1279px) {
.sidebar-collapse-button span {
display: none;
}
@@ -253,7 +253,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
}
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.header-menu-button {
width: 34px;
@@ -593,7 +593,7 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
box-shadow: 0 0 0 3px var(--focus-ring);
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.module-nav .sidebar-collapse-button {
display: none;
}
@@ -751,7 +751,7 @@ body.sidebar-collapsed .sidebar-collapse-button {
color: var(--text-inverse);
}
@media (max-width: 1023px) and (min-width: 721px) {
@media (max-width: 1023px) and (min-width: 768px) {
.sidebar-collapse-button span {
display: none;
}
@@ -944,33 +944,7 @@ textarea {
font-size: 12px;
}
.chat-input {
display: flex;
gap: 8px;
padding: 12px 16px;
border-top: 1px solid var(--line-soft);
}
.chat-input input {
flex: 1 1 0%;
border: 1px solid var(--line);
border-radius: 8px;
padding: 9px 12px;
outline: none;
}
.chat-input input:focus {
border-color: var(--blue-line);
}
@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) {
@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) {
.sidebar-collapse-button {
display: none;
}
@@ -1034,8 +1008,84 @@ textarea {
box-shadow: var(--control-shadow);
}
@media (min-width: 721px) {
@media (min-width: 768px) {
.header-menu-button {
display: none;
}
}
/* Mobile control contract. */
@media (max-width: 767px) {
body.mobile-shell .header-menu-button,
body.mobile-shell .header-actions > .header-menu-button {
width: var(--mobile-touch-size);
min-width: var(--mobile-touch-size);
height: var(--mobile-touch-size);
min-height: var(--mobile-touch-size);
display: grid;
place-items: center;
}
body.mobile-shell .header-command-group .command-button {
width: 100%;
height: auto;
min-height: var(--mobile-touch-size);
justify-content: flex-start;
padding: 0 var(--space-12);
border: 1px solid var(--border);
border-radius: var(--radius-md);
background: var(--control-surface);
color: var(--text-primary);
}
body.mobile-shell .header-command-group .command-button > span {
display: inline;
}
body.mobile-shell .mobile-command-shortcut {
width: 100%;
height: auto;
min-height: var(--mobile-touch-size);
}
body.mobile-shell .mobile-market-selector:not([hidden]) {
position: relative;
width: 100%;
height: var(--mobile-touch-size);
min-height: var(--mobile-touch-size);
display: grid;
grid-template-columns: auto minmax(0, 1fr) var(--mobile-nav-icon-size);
align-items: center;
gap: var(--space-8);
margin: var(--mobile-page-pad) 0 0;
padding: 0 var(--space-12);
border: 1px solid var(--border);
border-radius: var(--radius-md);
background: var(--surface);
box-shadow: none;
}
body.mobile-shell .mobile-market-selector select {
width: 100%;
height: calc(var(--mobile-touch-size) - 2px);
min-height: 0;
padding: 0;
border: 0;
background: transparent;
color: var(--text-primary);
font-size: var(--font-size-body);
font-weight: var(--font-weight-semibold);
text-align: right;
appearance: none;
}
body.mobile-shell :is(.button, .icon-button, button) {
touch-action: manipulation;
}
}
:root[data-theme="dark"] .mobile-command-shortcut {
border-color: var(--border);
background: var(--surface-subtle);
color: var(--text-secondary);
}
app/frontend/shared/components/dialogs.css
+4 -4
View File
@@ -53,7 +53,7 @@
}
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.dialog-header-actions {
flex-wrap: wrap;
@@ -189,7 +189,7 @@
font-size: 12px;
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.global-search-dialog {
width: calc(-16px + 100vw);
@@ -431,7 +431,7 @@
height: 34px;
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.alerts-dialog {
width: calc(-16px + 100vw);
@@ -713,7 +713,7 @@
font-size: 10px;
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.assistant-dialog {
max-width: none;
app/frontend/shared/components/feedback.css
+1 -5
View File
@@ -14,10 +14,6 @@
}
}
.loading-message p {
color: var(--text-muted);
}
@keyframes breathe-core {
0%,
100% {
@@ -163,7 +159,7 @@
}
}
@media (max-width: 720px) {
@media (max-width: 767px) {
@keyframes command-menu-enter {
0% {
opacity: 0;
app/frontend/shared/components/navigation.css
+39 -3
View File
@@ -23,7 +23,7 @@
}
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.toolbar-controls {
width: 100%;
@@ -143,7 +143,7 @@
box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 2px;
}
@media (max-width: 720px), (max-width: 1023px) and (max-height: 600px) {
@media (max-width: 767px), (max-width: 1023px) and (max-height: 600px) {
.redesigned-page-head .toolbar-controls {
width: 100%;
@@ -219,8 +219,44 @@
}
}
@media (min-width: 721px) {
@media (min-width: 768px) {
.toolbar-controls {
align-items: center;
}
}
/* Mobile navigation and filter contract. */
@media (max-width: 767px) {
body.mobile-shell .toolbar-controls,
body.mobile-shell .redesigned-page-head .toolbar-controls {
width: 100%;
min-width: 0;
display: flex;
align-items: center;
gap: var(--space-8);
margin-left: 0;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
}
body.mobile-shell .toolbar-controls::-webkit-scrollbar,
body.mobile-shell .redesigned-page-head .toolbar-controls::-webkit-scrollbar {
display: none;
}
body.mobile-shell .segmented,
body.mobile-shell .redesigned-page-head .segmented {
width: max-content;
min-width: max-content;
min-height: var(--mobile-touch-size);
flex: 0 0 auto;
}
body.mobile-shell .segment,
body.mobile-shell .redesigned-page-head .segment {
min-width: var(--mobile-touch-size);
min-height: calc(var(--mobile-touch-size) - var(--space-4));
padding: 0 var(--space-12);
}
}
app/frontend/shared/components/tables.css
+1 -1
View File
@@ -157,7 +157,7 @@
background: var(--table-selected);
}
@media (max-width: 720px) {
@media (max-width: 767px) {
.data-table {
font-size: 12.5px;
}