upd
This commit is contained in:
12
src/App.jsx
12
src/App.jsx
@@ -177,7 +177,7 @@ export default function App() {
|
|||||||
|
|
||||||
{/* Header */}
|
{/* Header */}
|
||||||
<div style={{textAlign:'center',marginBottom:36,opacity:mounted?1:0,transform:mounted?'translateY(0)':'translateY(-20px)',transition:'all 0.6s ease'}}>
|
<div style={{textAlign:'center',marginBottom:36,opacity:mounted?1:0,transform:mounted?'translateY(0)':'translateY(-20px)',transition:'all 0.6s ease'}}>
|
||||||
<div style={{fontSize:10,letterSpacing:8,color:'rgba(255,255,255,0.25)',textTransform:'uppercase',marginBottom:10}}>
|
<div style={{fontSize:10,letterSpacing:8,color:'rgba(255,255,255,0.7)',textTransform:'uppercase',marginBottom:10}}>
|
||||||
Групповой анализ
|
Групповой анализ
|
||||||
</div>
|
</div>
|
||||||
<h1 style={{margin:0,fontSize:32,fontWeight:800,fontFamily:"Syne,sans-serif",
|
<h1 style={{margin:0,fontSize:32,fontWeight:800,fontFamily:"Syne,sans-serif",
|
||||||
@@ -185,7 +185,7 @@ export default function App() {
|
|||||||
WebkitBackgroundClip:'text',WebkitTextFillColor:'transparent',letterSpacing:1}}>
|
WebkitBackgroundClip:'text',WebkitTextFillColor:'transparent',letterSpacing:1}}>
|
||||||
РОЗА АКТИВНОСТИ
|
РОЗА АКТИВНОСТИ
|
||||||
</h1>
|
</h1>
|
||||||
<div style={{marginTop:8,fontSize:11,color:'rgba(255,255,255,0.3)',letterSpacing:2}}>
|
<div style={{marginTop:8,fontSize:11,color:'rgba(255,255,255,0.75)',letterSpacing:2}}>
|
||||||
№1 – №11 · 4 НАПРАВЛЕНИЯ
|
№1 – №11 · 4 НАПРАВЛЕНИЯ
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -244,7 +244,7 @@ export default function App() {
|
|||||||
transition:'all 0.7s ease 0.3s'}}>
|
transition:'all 0.7s ease 0.3s'}}>
|
||||||
|
|
||||||
{/* Group list */}
|
{/* Group list */}
|
||||||
<div style={{fontSize:9,letterSpacing:5,color:'rgba(255,255,255,0.2)',marginBottom:4,textTransform:'uppercase'}}>
|
<div style={{fontSize:9,letterSpacing:5,color:'rgba(255,255,255,0.75)',marginBottom:4,textTransform:'uppercase'}}>
|
||||||
Группы
|
Группы
|
||||||
</div>
|
</div>
|
||||||
<div style={{display:'flex',flexWrap:'wrap',gap:6}}>
|
<div style={{display:'flex',flexWrap:'wrap',gap:6}}>
|
||||||
@@ -280,7 +280,7 @@ export default function App() {
|
|||||||
{/* Category totals */}
|
{/* Category totals */}
|
||||||
<div style={{marginTop:12,padding:'16px',borderRadius:16,
|
<div style={{marginTop:12,padding:'16px',borderRadius:16,
|
||||||
background:'rgba(255,255,255,0.03)',border:'1px solid rgba(255,255,255,0.07)'}}>
|
background:'rgba(255,255,255,0.03)',border:'1px solid rgba(255,255,255,0.07)'}}>
|
||||||
<div style={{fontSize:9,letterSpacing:5,color:'rgba(255,255,255,0.2)',marginBottom:12,textTransform:'uppercase'}}>
|
<div style={{fontSize:9,letterSpacing:5,color:'rgba(255,255,255,0.75)',marginBottom:12,textTransform:'uppercase'}}>
|
||||||
Итого по направлениям
|
Итого по направлениям
|
||||||
</div>
|
</div>
|
||||||
{totals.map(({cat,val}) => (
|
{totals.map(({cat,val}) => (
|
||||||
@@ -301,7 +301,7 @@ export default function App() {
|
|||||||
{/* Heat summary */}
|
{/* Heat summary */}
|
||||||
<div style={{padding:'14px 16px',borderRadius:16,
|
<div style={{padding:'14px 16px',borderRadius:16,
|
||||||
background:'rgba(255,255,255,0.03)',border:'1px solid rgba(255,255,255,0.07)'}}>
|
background:'rgba(255,255,255,0.03)',border:'1px solid rgba(255,255,255,0.07)'}}>
|
||||||
<div style={{fontSize:9,letterSpacing:5,color:'rgba(255,255,255,0.2)',marginBottom:10,textTransform:'uppercase'}}>
|
<div style={{fontSize:9,letterSpacing:5,color:'rgba(255,255,255,0.75)',marginBottom:10,textTransform:'uppercase'}}>
|
||||||
Тепловая карта
|
Тепловая карта
|
||||||
</div>
|
</div>
|
||||||
<div style={{display:'grid',gridTemplateColumns:'auto repeat(4, 1fr)',gap:3,fontSize:10}}>
|
<div style={{display:'grid',gridTemplateColumns:'auto repeat(4, 1fr)',gap:3,fontSize:10}}>
|
||||||
@@ -336,7 +336,7 @@ export default function App() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div style={{marginTop:28,fontSize:10,color:'rgba(255,255,255,0.15)',letterSpacing:2}}>
|
<div style={{marginTop:28,fontSize:10,color:'rgba(255,255,255,0.5)',letterSpacing:2}}>
|
||||||
НАЖМИ НА ГРУППУ · ВЫДЕЛИ НА РАДАРЕ
|
НАЖМИ НА ГРУППУ · ВЫДЕЛИ НА РАДАРЕ
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user