chore: create Multica handoff checkpoint
This commit is contained in:
leefer
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user