wasrusgen/wasrusgen1-crm
1
0
Fork 0
mirror of https://github.com/wasrusgen/wasrusgen1-crm.git synced 2026-06-03 18:24:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: period tabs inside hero-grad, visible on dark bg

Browse Source
This commit is contained in:
wasrusgen 2026-05-28 21:18:30 +03:00
parent d189756ef7
commit 1193bc84b3
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
docs/mockup_commercial.html
View File

@ -213,14 +213,15 @@ function _sHome(){
var prevP={'Май':'апрелю','Апр':'марту','Мар':'февралю'}; var prevP={'Май':'апрелю','Апр':'марту','Мар':'февралю'};
return '<div class="page">' return '<div class="page">'
// Период-свитчер
+'<div style="display:flex;gap:6px;padding:10px 16px 0;background:var(--card);border-bottom:1px solid rgba(0,0,0,.06)">'
+periodLabels.map(function(p){
var act=window._period===p;
return '<div onclick="window._period=\''+p+'\';_render()" style="padding:7px 18px;border-radius:20px 20px 0 0;font-size:12px;font-weight:700;cursor:pointer;border-bottom:2px solid '+(act?'var(--accent)':'transparent')+';color:'+(act?'var(--accent)':'var(--muted)')+'">'+p+'</div>';
}).join('')
+'</div>'
+'<div class="hero-grad">' +'<div class="hero-grad">'
// Период-свитчер внутри hero
+ '<div style="display:flex;gap:6px;margin-bottom:14px">'
+ periodLabels.map(function(p){
var act=window._period===p;
return '<div onclick="window._period=\''+p+'\';_render()" style="padding:5px 14px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;'
+(act?'background:rgba(255,255,255,.25);color:#fff':'background:rgba(255,255,255,.1);color:rgba(255,255,255,.6)')+'">'+p+'</div>';
}).join('')
+ '</div>'
+ '<div style="font-size:11px;font-weight:700;opacity:.65;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px">'+window._period.toUpperCase()+' 2026 · Коммерческий директор</div>' + '<div style="font-size:11px;font-weight:700;opacity:.65;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px">'+window._period.toUpperCase()+' 2026 · Коммерческий директор</div>'
+ '<div style="font-size:28px;font-weight:800;letter-spacing:-.03em">'+totalFact.toLocaleString('ru')+' ₽</div>' + '<div style="font-size:28px;font-weight:800;letter-spacing:-.03em">'+totalFact.toLocaleString('ru')+' ₽</div>'
+ '<div style="font-size:13px;opacity:.8;margin-top:4px">Выручка · <span style="color:'+(d.growth>=0?'#76BD22':'#FCA5A5')+';font-weight:700">'+(d.growth>=0?'▲ +':'▼ ')+Math.abs(d.growth)+'%</span> к '+prevP[window._period]+'</div>' + '<div style="font-size:13px;opacity:.8;margin-top:4px">Выручка · <span style="color:'+(d.growth>=0?'#76BD22':'#FCA5A5')+';font-weight:700">'+(d.growth>=0?'▲ +':'▼ ')+Math.abs(d.growth)+'%</span> к '+prevP[window._period]+'</div>'