feat: 侧边栏顺序调整、模型选择去除积分价格、修复canvas.css语法错误

- 侧边栏:社区移到底部,工具盒移到资产库上方
- 生成页面:图像/视频模型选择下拉去除积分价格文本
- 修复 canvas.css 多余的右花括号语法错误
This commit is contained in:
OmniAI Developer
2026-06-08 11:39:28 +08:00
parent f920630160
commit 0384d7f2a3
8 changed files with 172 additions and 41 deletions
+63 -12
View File
@@ -6,9 +6,13 @@
align-content: initial;
justify-items: initial;
gap: 0;
overflow: hidden;
overflow: auto;
background: #0e1014;
scrollbar-color: #353b45 #0e1014;
scrollbar-width: none;
-ms-overflow-style: none;
}
.product-clone-page[data-tool="clone"] .product-clone-preview--video::-webkit-scrollbar {
display: none;
}
.ecom-video-workspace {
@@ -20,6 +24,11 @@
overflow: hidden;
background: #0e1014;
color: #e5ebf4;
scrollbar-width: none;
-ms-overflow-style: none;
}
.ecom-video-workspace::-webkit-scrollbar {
display: none;
}
.ecom-video-flowbar {
@@ -112,6 +121,42 @@
gap: 8px;
}
/* ── Flowbar zoom controls ─────────────────────────── */
.ecom-video-flowbar__zoom {
display: inline-flex;
align-items: center;
gap: 5px;
}
.ecom-video-flowbar__zoom button {
width: 26px;
height: 26px;
border: 1px solid #2c3038;
border-radius: 6px;
background: #1a1d24;
color: #8890a0;
font-size: 14px;
font-weight: 700;
cursor: pointer;
display: grid;
place-items: center;
transition: border-color 150ms ease, color 150ms ease;
}
.ecom-video-flowbar__zoom button:hover:not(:disabled) {
border-color: #00ff88;
color: #00ff88;
}
.ecom-video-flowbar__zoom button:disabled {
opacity: 0.35;
cursor: not-allowed;
}
.ecom-video-flowbar__zoom span {
min-width: 38px;
text-align: center;
font-size: 11px;
font-weight: 600;
color: #6a7282;
}
.ecom-video-flowbar__error {
max-width: min(260px, 28vw);
overflow: hidden;
@@ -181,8 +226,13 @@
background: #101318;
padding: 32px 40px;
display: flex;
align-items: stretch;
align-items: flex-start;
justify-content: center;
scrollbar-width: none;
-ms-overflow-style: none;
}
.ecom-video-flow-canvas::-webkit-scrollbar {
display: none;
}
.ecom-video-flow-map {
@@ -418,22 +468,23 @@
width: 38px;
height: 38px;
place-items: center;
border: 1px solid #3d3020;
border-radius: 8px;
background: #15181f;
color: #ffe1ad;
border: 1px solid #00cc6a;
border-radius: 9px;
background: #00ff88;
color: #06130d;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition:
transform 150ms ease,
border-color 150ms ease,
background-color 150ms ease;
filter 150ms ease,
box-shadow 150ms ease;
}
.ecom-video-flow-dock button:hover {
border-color: #4d3a1a;
background: #241c12;
transform: translateY(-1px);
filter: brightness(1.08);
box-shadow: 0 2px 12px rgba(0, 255, 136, 0.25);
transform: translateY(-2px);
}
.ecom-video-flow-notice {