From c7adbc153b4f0d44b983210c518e5eff78677466 Mon Sep 17 00:00:00 2001 From: Stringadmin Date: Tue, 16 Jun 2026 21:40:07 +0800 Subject: [PATCH 1/2] fix: restore ecommerce platform rule type imports --- src/features/ecommerce/EcommercePage.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/features/ecommerce/EcommercePage.tsx b/src/features/ecommerce/EcommercePage.tsx index db460c8..25de322 100644 --- a/src/features/ecommerce/EcommercePage.tsx +++ b/src/features/ecommerce/EcommercePage.tsx @@ -41,6 +41,7 @@ import EcommerceTryOnPanel from "./panels/EcommerceTryOnPanel"; import EcommerceClonePanel from "./panels/EcommerceClonePanel"; import { ecommerceOssScopes, saveUnifiedEcommerceGenerationRecord, deleteEcommerceGenerationRecord } from "./ecommerceGenerationPersistence"; import { downloadResultAsset } from "../workbench/workbenchDownload"; +import type { CloneOutputKey, ProductSetOutputKey } from "./utils/platformRules"; const smartCutoutColorPresets = [ "#ffffff", -- 2.52.0 From 57cf34b0d039f14c4a58a79482e227c37dc23141 Mon Sep 17 00:00:00 2001 From: Stringadmin Date: Tue, 16 Jun 2026 22:50:14 +0800 Subject: [PATCH 2/2] style: local ecommerce-standalone.css changes (authority sync) --- src/styles/ecommerce-standalone.css | 76 +++++++++++++++++------------ 1 file changed, 45 insertions(+), 31 deletions(-) diff --git a/src/styles/ecommerce-standalone.css b/src/styles/ecommerce-standalone.css index d97381a..be7ae0b 100644 --- a/src/styles/ecommerce-standalone.css +++ b/src/styles/ecommerce-standalone.css @@ -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 { -- 2.52.0