feat: enhance ecommerce UI — sidebar, transitions, ratio options, cancel buttons, i18n fixes

This commit is contained in:
Codex
2026-06-11 20:38:35 +08:00
parent 31c0e79e2e
commit 9b9a276014
10 changed files with 555 additions and 196 deletions
+22 -5
View File
@@ -43,6 +43,27 @@
transition: width 80ms linear;
}
.ecommerce-progress-bar__cancel {
flex: 0 0 auto;
padding: 3px 14px;
border: 1px solid rgba(255, 77, 79, 0.22);
border-radius: 999px;
background: rgba(255, 255, 255, 0.96);
color: #ff4d4f;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
cursor: pointer;
box-shadow: 0 2px 10px rgba(255, 77, 79, 0.12);
transition: background 180ms ease, box-shadow 180ms ease;
}
.ecommerce-progress-bar__cancel:hover {
background: #ff4d4f;
color: #ffffff;
box-shadow: 0 4px 16px rgba(255, 77, 79, 0.24);
}
.ecommerce-progress-bar__value {
font-size: 12px;
font-weight: 900;
@@ -11215,12 +11236,8 @@
.ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-quick-board {
border: 1px solid rgba(30, 189, 219, 0.12) !important;
border-radius: 22px !important;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(249, 253, 255, 0.62)),
rgba(255, 255, 255, 0.58) !important;
background: #feffff !important;
box-shadow: 0 22px 58px rgba(16, 115, 204, 0.08) !important;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
}
.ecommerce-standalone .product-clone-page[data-tool="clone"] .ecom-command-quick-board button {