dauren/dashbord-po-zakazam-crm-crm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

цвета графиков — токены ДС

Browse Source
This commit is contained in:
dauren 2026-09-16 06:11:49 +00:00
parent 18e6057e91
commit 0dd2ebf72d
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -31,14 +31,14 @@
.cc-total { font-size: var(--kt-ai-text-2xs); color: var(--kt-ai-fg-muted); }
.bars { display: flex; align-items: flex-end; gap: 6px; height: 160px; }
.bars .b { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 0; }
.bars .b i { display: block; width: 100%; border-radius: var(--kt-ai-radius-sm) var(--kt-ai-radius-sm) 0 0; background: var(--kt-ai-accent); }
.bars .b i { display: block; width: 100%; border-radius: var(--kt-ai-radius-sm) var(--kt-ai-radius-sm) 0 0; background: var(--kt-ai-chart-bar-fill, var(--kt-ai-primary)); }
.bars .b span { font-size: 10px; color: var(--kt-ai-fg-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.bars .b b { font-size: var(--kt-ai-text-2xs); font-weight: var(--kt-ai-weight-medium); }
.hbars { display: flex; flex-direction: column; gap: 8px; }
.hbars .r { display: grid; grid-template-columns: 160px 1fr 56px; align-items: center; gap: var(--kt-ai-space-3); font-size: var(--kt-ai-text-2xs); }
.hbars .r .k { color: var(--kt-ai-fg-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hbars .r .t { height: 8px; background: var(--kt-ai-bg-soft); border-radius: var(--kt-ai-radius-full); overflow: hidden; }
.hbars .r .t i { display: block; height: 100%; background: var(--kt-ai-accent); border-radius: inherit; }
.hbars .r .t i { display: block; height: 100%; background: var(--kt-ai-chart-bar-fill, var(--kt-ai-primary)); border-radius: inherit; }
.hbars .r .v { text-align: right; font-variant-numeric: tabular-nums; }
.funnel { display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--kt-ai-space-3); }
.funnel .st { padding: var(--kt-ai-space-3); border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-lg); background: var(--kt-ai-bg-soft); }
@ -47,7 +47,7 @@
.funnel .st .p { font-size: var(--kt-ai-text-2xs); color: var(--kt-ai-fg-muted); margin-top: 2px; }
@media (max-width: 900px) { .funnel { grid-template-columns: repeat(3, 1fr); } }
.src { display: inline-flex; align-items: center; gap: 6px; font-size: var(--kt-ai-text-2xs); padding: 3px 10px; border-radius: var(--kt-ai-radius-full); border: 1px solid var(--kt-ai-border); color: var(--kt-ai-fg-muted); }
.src[data-live="true"] { color: var(--kt-ai-success, var(--kt-ai-fg)); border-color: var(--kt-ai-success, var(--kt-ai-border)); }
.src[data-live="true"] { color: var(--kt-ai-chart-green, var(--kt-ai-fg)); border-color: var(--kt-ai-chart-green, var(--kt-ai-border)); }
.src .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.kt-ai-empty { padding: var(--kt-ai-space-8); text-align: center; color: var(--kt-ai-fg-muted); font-size: var(--kt-ai-text-sm); }
</style>