Исправление верстки LTV: рекомендации перемещены внутрь dash-tab-panel
This commit is contained in:
neo committed
1 parent
456c0eef2f
commit
d394995011
1 file changed
+54
-34
+54
-34
@@ -1645,40 +1645,7 @@ h1 {
|
|||||||
<span class="count-up">31</span><span class="accent">:1</span>
|
<span class="count-up">31</span><span class="accent">:1</span>
|
||||||
</div>
|
</div>
|
||||||
<!-- Rule-Based Recommendations -->
|
<!-- Rule-Based Recommendations -->
|
||||||
<div class="dash-recs">
|
<div
|
||||||
<div class="dash-recs-title">
|
|
||||||
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" width="12" height="12">
|
|
||||||
<path d="M8 1l2 4h-4l2 4-3-3-3 3 2-4H6z"/>
|
|
||||||
</svg>
|
|
||||||
Рекомендации
|
|
||||||
</div>
|
|
||||||
<div class="dash-recs-list">
|
|
||||||
<div class="dash-rec-item dash-rec-ok">
|
|
||||||
<div class="dash-rec-dot"></div>
|
|
||||||
<div class="dash-rec-text">
|
|
||||||
<div class="dash-rec-label">LTV/CAC 31:1 — в норме</div>
|
|
||||||
<div class="dash-rec-desc">Отличное соотношение — окупается</div>
|
|
||||||
</div>
|
|
||||||
<div class="dash-rec-action">OK</div>
|
|
||||||
</div>
|
|
||||||
<div class="dash-rec-item dash-rec-ok">
|
|
||||||
<div class="dash-rec-dot"></div>
|
|
||||||
<div class="dash-rec-text">
|
|
||||||
<div class="dash-rec-label">Удержание 30д: 78%</div>
|
|
||||||
<div class="dash-rec-desc">Клиенты возвращаются — отлично</div>
|
|
||||||
</div>
|
|
||||||
<div class="dash-rec-action">OK</div>
|
|
||||||
</div>
|
|
||||||
<div class="dash-rec-item dash-rec-info">
|
|
||||||
<div class="dash-rec-dot"></div>
|
|
||||||
<div class="dash-rec-text">
|
|
||||||
<div class="dash-rec-label">LTV 45 200₽</div>
|
|
||||||
<div class="dash-rec-desc">Выше среднего по отрасли на 12%</div>
|
|
||||||
</div>
|
|
||||||
<div class="dash-rec-action">→</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="dash-big-desc">Соотношение LTV к затратам на привлечение</div>
|
<div class="dash-big-desc">Соотношение LTV к затратам на привлечение</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -1727,6 +1694,59 @@ h1 {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="dash-mini">
|
||||||
|
<svg class="dash-mini-spark" viewBox="0 0 40 12" fill="none" preserveAspectRatio="none">
|
||||||
|
<path d="M0 11L5 9L10 10L15 8L20 7L25 5L30 3L35 2L40 1" stroke="var(--accent)" stroke-width="1" fill="none" opacity="0.6"/>
|
||||||
|
</svg>
|
||||||
|
<div class="dash-mini-label">Удержание 30д</div>
|
||||||
|
<div class="dash-mini-value" style="color: var(--accent);"><span class="count-up">78</span>%</div>
|
||||||
|
<div class="dash-mini-desc">Клиентов через 30 дней</div>
|
||||||
|
</div>
|
||||||
|
<div class="dash-mini">
|
||||||
|
<svg class="dash-mini-spark" viewBox="0 0 40 12" fill="none" preserveAspectRatio="none">
|
||||||
|
<path d="M0 10L5 8L10 9L15 7L20 6L25 5L30 4L35 3L40 1" stroke="var(--amber)" stroke-width="1" fill="none" opacity="0.6"/>
|
||||||
|
</svg>
|
||||||
|
<div class="dash-mini-label">Удержание 90д</div>
|
||||||
|
<div class="dash-mini-value" style="color: var(--amber);"><span class="count-up">52</span>%</div>
|
||||||
|
<div class="dash-mini-desc">Клиентов через 90 дней</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Rule-Based Recommendations -->
|
||||||
|
<div class="dash-recs">
|
||||||
|
<div class="dash-recs-title">
|
||||||
|
<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" width="12" height="12">
|
||||||
|
<path d="M8 1l2 4h-4l2 4-3-3-3 3 2-4H6z"/>
|
||||||
|
</svg>
|
||||||
|
Рекомендации
|
||||||
|
</div>
|
||||||
|
<div class="dash-recs-list">
|
||||||
|
<div class="dash-rec-item dash-rec-ok">
|
||||||
|
<div class="dash-rec-dot"></div>
|
||||||
|
<div class="dash-rec-text">
|
||||||
|
<div class="dash-rec-label">LTV/CAC 31:1 — норма</div>
|
||||||
|
<div class="dash-rec-desc">Соотношение выше порога — бизнес окупается</div>
|
||||||
|
</div>
|
||||||
|
<div class="dash-rec-action">OK</div>
|
||||||
|
</div>
|
||||||
|
<div class="dash-rec-item dash-rec-ok">
|
||||||
|
<div class="dash-rec-dot"></div>
|
||||||
|
<div class="dash-rec-text">
|
||||||
|
<div class="dash-rec-label">Удержание 30д: 78%</div>
|
||||||
|
<div class="dash-rec-desc">Клиенты возвращаются — отлично</div>
|
||||||
|
</div>
|
||||||
|
<div class="dash-rec-action">OK</div>
|
||||||
|
</div>
|
||||||
|
<div class="dash-rec-item dash-rec-info">
|
||||||
|
<div class="dash-rec-dot"></div>
|
||||||
|
<div class="dash-rec-text">
|
||||||
|
<div class="dash-rec-label">LTV 45 200₽</div>
|
||||||
|
<div class="dash-rec-desc">Выше среднего по отрасли на 12%</div>
|
||||||
|
</div>
|
||||||
|
<div class="dash-rec-action">→</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="dash-mini">
|
<div class="dash-mini">
|
||||||
<svg class="dash-mini-spark" viewBox="0 0 40 12" fill="none" preserveAspectRatio="none">
|
<svg class="dash-mini-spark" viewBox="0 0 40 12" fill="none" preserveAspectRatio="none">
|
||||||
<path d="M0 11L5 9L10 10L15 8L20 7L25 5L30 3L35 2L40 1" stroke="var(--accent)" stroke-width="1" fill="none" opacity="0.6"/>
|
<path d="M0 11L5 9L10 10L15 8L20 7L25 5L30 3L35 2L40 1" stroke="var(--accent)" stroke-width="1" fill="none" opacity="0.6"/>
|
||||||
|
|||||||
Reference in new issue
Block a user