wooo/ewoooc
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore(dev): sync ewoooc development workbench state

Browse Source
This commit is contained in:
ogt
2026-07-09 21:55:45 +08:00
parent 28beab0df7
commit 079832f2a4
25 changed files with 1649 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
web/static/css/page-dashboard-v2.css
View File

@@ -84,6 +84,7 @@
.growth-command-kpi,
.growth-priority-panel,
.growth-strategy-panel,
.growth-automation-panel,
.growth-opportunity-panel {
min-width: 0;
background: var(--momo-bg-surface);
@@ -170,12 +171,193 @@
min-width: 0;
}
.growth-mapping-backlog {
display: grid;
grid-template-columns: minmax(180px, 0.62fr) minmax(0, 1fr);
gap: 10px;
min-width: 0;
padding: 12px;
background: var(--momo-bg-surface);
border: 1px solid var(--momo-border-light);
border-radius: 8px;
box-shadow: var(--momo-shadow-soft);
}
.growth-mapping-backlog-head {
display: grid;
align-content: center;
gap: 6px;
min-width: 0;
padding-right: 10px;
border-right: 1px solid var(--momo-border-light);
}
.growth-mapping-backlog-head strong {
color: var(--momo-text-primary);
font-size: 2rem;
font-weight: 900;
line-height: 1;
}
.growth-mapping-backlog-head em,
.growth-mapping-metric em {
color: var(--momo-text-secondary);
font-size: 11px;
font-style: normal;
font-weight: 800;
line-height: 1.35;
}
.growth-mapping-backlog-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
min-width: 0;
}
.growth-mapping-metric {
display: grid;
align-content: center;
gap: 5px;
min-width: 0;
min-height: 82px;
padding: 10px 12px;
background: color-mix(in srgb, var(--momo-bg-paper) 78%, transparent);
border: 1px solid var(--momo-border-light);
border-radius: 8px;
}
.growth-mapping-metric span {
color: var(--momo-text-secondary);
font-size: 12px;
font-weight: 900;
}
.growth-mapping-metric strong {
color: var(--momo-text-primary);
font-size: 1.7rem;
font-weight: 900;
line-height: 1;
}
.growth-mapping-metric.is-needs {
border-color: rgba(188, 75, 49, 0.28);
background: rgba(255, 244, 239, 0.72);
}
.growth-mapping-metric.is-review {
border-color: rgba(210, 158, 58, 0.34);
background: rgba(255, 248, 231, 0.72);
}
.growth-mapping-metric.is-ready {
border-color: rgba(48, 133, 94, 0.24);
background: rgba(235, 248, 241, 0.72);
}
.growth-mapping-metric.is-auto {
border-color: rgba(62, 112, 174, 0.26);
background: rgba(236, 244, 255, 0.78);
}
.growth-priority-panel,
.growth-strategy-panel,
.growth-automation-panel,
.growth-opportunity-panel {
padding: 14px;
}
.growth-automation-steps {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
min-width: 0;
}
.growth-automation-status {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 10px;
align-items: center;
min-width: 0;
margin-bottom: 8px;
padding: 10px 12px;
background: rgba(235, 248, 241, 0.72);
border: 1px solid rgba(48, 133, 94, 0.24);
border-radius: 8px;
}
.growth-automation-status span {
color: var(--momo-text-tertiary);
font-size: 10px;
font-weight: 900;
letter-spacing: 0.06em;
}
.growth-automation-status strong {
overflow-wrap: anywhere;
color: var(--momo-success);
font-size: 14px;
font-weight: 900;
}
.growth-automation-status em {
color: var(--momo-text-secondary);
font-size: 11px;
font-style: normal;
font-weight: 800;
text-align: right;
}
.growth-automation-step {
display: grid;
align-content: start;
gap: 6px;
min-width: 0;
min-height: 96px;
padding: 12px;
background: color-mix(in srgb, var(--momo-bg-paper) 78%, transparent);
border: 1px solid var(--momo-border-light);
border-radius: 8px;
}
.growth-automation-step span {
color: var(--momo-text-secondary);
font-size: 12px;
font-weight: 900;
}
.growth-automation-step strong {
overflow-wrap: anywhere;
color: var(--momo-text-primary);
font-size: 1.55rem;
font-weight: 900;
line-height: 1;
}
.growth-automation-step em {
color: var(--momo-text-secondary);
font-size: 11px;
font-style: normal;
font-weight: 800;
line-height: 1.35;
}
.growth-automation-step.is-danger {
border-color: rgba(188, 75, 49, 0.28);
background: rgba(255, 244, 239, 0.72);
}
.growth-automation-step.is-warning {
border-color: rgba(210, 158, 58, 0.34);
background: rgba(255, 248, 231, 0.72);
}
.growth-automation-step.is-success {
border-color: rgba(48, 133, 94, 0.24);
background: rgba(235, 248, 241, 0.72);
}
.growth-panel-head {
display: flex;
justify-content: space-between;
@@ -2114,10 +2296,25 @@
grid-template-columns: 1fr;
}
.growth-mapping-backlog {
grid-template-columns: 1fr;
}
.growth-mapping-backlog-head {
padding-right: 0;
padding-bottom: 10px;
border-right: 0;
border-bottom: 1px solid var(--momo-border-light);
}
.growth-strategy-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.growth-automation-steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dashboard-kpi-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@@ -2150,6 +2347,8 @@
@media (max-width: 640px) {
.growth-command-kpis,
.growth-mapping-backlog-grid,
.growth-automation-steps,
.growth-strategy-grid,
.dashboard-kpi-grid,
.dashboard-ai-summary-grid {
@@ -2159,6 +2358,7 @@
.growth-command-head,
.growth-priority-panel,
.growth-strategy-panel,
.growth-automation-panel,
.growth-opportunity-panel {
padding: 12px;
}
@@ -2181,6 +2381,14 @@
white-space: normal;
}
.growth-automation-status {
grid-template-columns: 1fr;
}
.growth-automation-status em {
text-align: left;
}
.dashboard-focus-grid {
grid-template-columns: 1fr;
}

18
web/static/css/page-growth-bem.css
View File

@@ -420,6 +420,24 @@
overflow-wrap: anywhere;
}
.growth-analysis-page .ga-competitor-evidence {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
gap: 6px;
min-width: 0;
}
.growth-analysis-page .ga-competitor-evidence span {
border: 1px solid var(--momo-border-muted, rgba(31, 41, 55, 0.12));
border-radius: 999px;
padding: 4px 8px;
background: var(--momo-surface-soft, rgba(255, 255, 255, 0.72));
color: var(--momo-text-secondary);
font-size: var(--momo-text-caption, 12px);
font-weight: 800;
}
.growth-analysis-page .ga-competitor-next {
grid-column: 1 / -1;
min-width: 0;