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

feat: simplify growth price command panel

Browse Source
This commit is contained in:
ogt
2026-06-25 18:47:26 +08:00
parent 4c89b53550
commit 49ff083512
5 changed files with 152 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -241,6 +241,10 @@
.growth-analysis-page .ga-chart-card__body--md {
height: 300px;
}
.growth-analysis-page .ga-chart-card__body--command {
height: auto;
min-height: 300px;
}
.growth-analysis-page .ga-chart-card__body canvas {
display: block;
width: 100% !important;
@@ -383,6 +387,77 @@
overflow-wrap: anywhere;
}
.growth-analysis-page .ga-competitor-command {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
width: 100%;
}
.growth-analysis-page .ga-competitor-signal {
min-width: 0;
border: 1px solid var(--momo-border-muted, rgba(31, 41, 55, 0.12));
border-radius: 8px;
padding: 10px 12px;
background: var(--momo-surface-soft, rgba(255, 255, 255, 0.72));
}
.growth-analysis-page .ga-competitor-signal span,
.growth-analysis-page .ga-competitor-next__label {
display: block;
color: var(--momo-text-secondary);
font-size: var(--momo-text-caption, 12px);
font-weight: 800;
}
.growth-analysis-page .ga-competitor-signal strong {
display: block;
min-width: 0;
margin-top: 4px;
color: var(--momo-text-primary);
font-size: clamp(1.1rem, 1.8vw, 1.55rem);
line-height: 1.1;
overflow-wrap: anywhere;
}
.growth-analysis-page .ga-competitor-next {
grid-column: 1 / -1;
min-width: 0;
border-left: 4px solid var(--momo-page-accent);
border-radius: 8px;
padding: 12px 14px;
background: var(--momo-surface-muted, rgba(248, 250, 252, 0.88));
}
.growth-analysis-page .ga-competitor-next strong {
display: block;
margin-top: 4px;
color: var(--momo-text-primary);
font-size: var(--momo-text-body, 14px);
}
.growth-analysis-page .ga-competitor-next p {
margin: 4px 0 0;
color: var(--momo-text-secondary);
font-size: var(--momo-text-body-sm, 13px);
line-height: 1.45;
}
.growth-analysis-page .ga-competitor-next__link {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 10px;
color: var(--momo-page-accent);
font-size: var(--momo-text-body-sm, 13px);
font-weight: 800;
text-decoration: none;
}
.growth-analysis-page .ga-competitor-next__link:hover {
text-decoration: underline;
}
@media (max-width: 640px) {
.growth-analysis-page .ga-page-head {
align-items: flex-start;
@@ -419,4 +494,13 @@
height: 260px !important;
padding: var(--momo-space-3, 12px);
}
.growth-analysis-page .ga-chart-card__body--command {
height: auto !important;
min-height: 0;
}
.growth-analysis-page .ga-competitor-command {
grid-template-columns: 1fr;
}
}