OmniAI/omniai-ds-code-package
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: local ecommerce-standalone.css changes (authority sync)

Browse Source
This commit is contained in:
Stringadmin
2026-06-16 22:50:14 +08:00
parent c7adbc153b
commit 57cf34b0d0
1 changed files with 45 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/ecommerce-standalone.css
+45 -31
View File
@@ -17437,19 +17437,27 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
/* Ecommerce home scenario templates */
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-tabs.ecom-command-mode-tabs {
display: flex !important;
align-items: stretch !important;
justify-content: center !important;
gap: 9px !important;
width: min(100%, 1180px) !important;
margin: 0 auto 10px !important;
padding: 5px 0 !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
width: fit-content !important;
max-width: min(100%, 1120px) !important;
margin: 0 auto 12px !important;
padding: 6px !important;
box-sizing: border-box !important;
overflow-x: auto !important;
overflow-y: hidden !important;
overscroll-behavior-x: contain !important;
scrollbar-width: none !important;
scroll-snap-type: x proximity !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
border: 1px solid rgba(30, 189, 219, 0.12) !important;
border-radius: 24px !important;
background: rgba(255, 255, 255, 0.42) !important;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.68),
0 10px 28px rgba(16, 115, 204, 0.05) !important;
backdrop-filter: blur(16px) saturate(1.05) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.05) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-tabs.ecom-command-mode-tabs::-webkit-scrollbar {
@@ -17460,20 +17468,20 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
--mode-accent: #1073cc;
position: relative !important;
display: grid !important;
grid-template-columns: 24px minmax(0, 1fr) !important;
grid-template-columns: 22px max-content !important;
grid-template-rows: auto !important;
align-items: center !important;
justify-items: start !important;
gap: 8px !important;
gap: 7px !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 104px !important;
width: max-content !important;
min-width: max-content !important;
min-height: 40px !important;
padding: 7px 12px !important;
padding: 7px 14px 7px 10px !important;
scroll-snap-align: start !important;
border: 1px solid rgba(16, 32, 44, 0.07) !important;
border-radius: 20px !important;
background: rgba(255, 255, 255, 0.6) !important;
border-radius: 18px !important;
background: rgba(255, 255, 255, 0.68) !important;
color: rgba(16, 32, 44, 0.68) !important;
box-shadow:
0 2px 6px rgba(16, 32, 44, 0.03),
@@ -17488,6 +17496,10 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
transform 180ms ease !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-tabs.ecom-command-mode-tabs button.is-open {
padding-right: 28px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-tabs.ecom-command-mode-tabs button:hover {
background: rgba(255, 255, 255, 0.86) !important;
border-color: color-mix(in srgb, var(--mode-accent) 22%, transparent) !important;
@@ -17528,12 +17540,12 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-tabs .ecom-command-mode-icon {
grid-row: auto !important;
display: inline-grid !important;
width: 24px !important;
min-width: 24px !important;
height: 24px !important;
width: 22px !important;
min-width: 22px !important;
height: 22px !important;
place-items: center !important;
border: 0 !important;
border-radius: 8px !important;
border-radius: 7px !important;
background: color-mix(in srgb, var(--mode-accent) 10%, rgba(255, 255, 255, 0.9)) !important;
color: var(--mode-accent) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
@@ -17550,14 +17562,14 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-tabs strong {
min-width: 0 !important;
max-width: 88px !important;
overflow: hidden !important;
max-width: none !important;
overflow: visible !important;
color: rgba(16, 32, 44, 0.82) !important;
font-size: 12.5px !important;
font-weight: 760 !important;
letter-spacing: -0.01em !important;
line-height: 1 !important;
text-overflow: ellipsis !important;
letter-spacing: 0 !important;
line-height: 1.1 !important;
text-overflow: clip !important;
white-space: nowrap !important;
}
@@ -17568,8 +17580,8 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-tabs .ecom-command-scenario-close {
position: absolute !important;
top: 4px !important;
right: 4px !important;
top: 50% !important;
right: 7px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
@@ -17579,6 +17591,7 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
background: rgba(16, 32, 44, 0.05) !important;
color: rgba(16, 32, 44, 0.42) !important;
font-size: 9px !important;
transform: translateY(-50%) !important;
transition:
background 160ms ease,
color 160ms ease,
@@ -17588,7 +17601,7 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-tabs .ecom-command-scenario-close:hover {
background: rgba(16, 32, 44, 0.1) !important;
color: rgba(16, 32, 44, 0.7) !important;
transform: scale(1.08) !important;
transform: translateY(-50%) scale(1.08) !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-scroll-hint {
@@ -17741,13 +17754,14 @@ html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[d
@media (max-width: 640px) {
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-tabs.ecom-command-mode-tabs {
width: 100% !important;
padding: 5px !important;
margin-bottom: 8px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-tabs.ecom-command-mode-tabs button {
min-width: 112px !important;
min-width: max-content !important;
min-height: 44px !important;
padding: 7px 10px !important;
padding: 7px 12px 7px 9px !important;
}
html body #root .ecommerce-standalone.ecommerce-standalone .product-clone-page[data-tool="clone"][data-tool="clone"]:not(.is-history-detail) .ecom-command-scenario-tabs .ecom-command-mode-icon {