OmniAI/omniai-web
3
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 侧边栏：社区移到底部，工具盒移到资产库上方
- 生成页面：图像/视频模型选择下拉去除积分价格文本
- 修复 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
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/pages/canvas.css
-1
View File
@@ -947,4 +947,3 @@
height: 100%;
cursor: crosshair;
}
}
src/styles/pages/ecommerce-video.css
+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 {
src/styles/pages/ecommerce.css
+56 -5
View File
@@ -2792,12 +2792,18 @@
position: relative;
display: grid;
min-height: 0;
overflow: hidden;
align-content: center;
overflow-y: auto;
overflow-x: hidden;
align-content: safe center;
justify-items: center;
gap: 22px;
background: #101115;
padding: 92px 46px 142px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.product-clone-page[data-tool="clone"] .clone-ai-preview::-webkit-scrollbar {
display: none;
}
.product-clone-page[data-tool="clone"] .clone-ai-preview-header {
@@ -2828,6 +2834,50 @@
color: #00ff88;
}
/* ── Preview zoom controls ─────────────────────────── */
.product-clone-page[data-tool="clone"] .clone-ai-preview-zoom {
display: flex;
align-items: center;
gap: 6px;
margin-top: 8px;
}
.product-clone-page[data-tool="clone"] .clone-ai-preview-zoom button {
width: 28px;
height: 28px;
border: 1px solid #2c3038;
border-radius: 6px;
background: #1b1d23;
color: #a0a8b8;
font-size: 16px;
font-weight: 700;
cursor: pointer;
display: grid;
place-items: center;
transition: border-color 150ms ease, color 150ms ease;
}
.product-clone-page[data-tool="clone"] .clone-ai-preview-zoom button:hover:not(:disabled) {
border-color: #00ff88;
color: #00ff88;
}
.product-clone-page[data-tool="clone"] .clone-ai-preview-zoom button:disabled {
opacity: 0.35;
cursor: not-allowed;
}
.product-clone-page[data-tool="clone"] .clone-ai-preview-zoom span {
min-width: 42px;
text-align: center;
font-size: 12px;
font-weight: 600;
color: #758096;
}
.product-clone-page[data-tool="clone"] .clone-ai-preview-zoom-wrap {
flex-shrink: 0;
display: flex;
align-items: flex-start;
justify-content: center;
min-width: max-content;
}
.product-clone-page[data-tool="clone"] .clone-ai-empty-state {
display: grid;
width: min(100%, 600px);
@@ -2935,7 +2985,8 @@
}
.product-clone-page[data-tool="clone"] .clone-ai-main-result {
height: 440px;
width: 100%;
height: auto;
}
.product-clone-page[data-tool="clone"] .clone-ai-result-grid {
@@ -2945,12 +2996,12 @@
}
.product-clone-page[data-tool="clone"] .clone-ai-result-grid button {
height: 210px;
width: 100%;
height: auto;
}
.product-clone-page[data-tool="clone"] .clone-ai-result-grid button:first-child {
grid-column: 1 / -1;
height: 240px;
}
.product-clone-page[data-tool="clone"] .clone-ai-main-result span,