Ronny
6cdcde31d3
Donut chart showing exact/tendency/wrong distribution. Scrollable tip history with point badges. Fun stats: favorite tip, home win percentage. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
36 lines
473 B
CSS
36 lines
473 B
CSS
.ring {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: 16px 0;
|
|
}
|
|
|
|
.svg {
|
|
width: 160px;
|
|
height: 160px;
|
|
}
|
|
|
|
.legend {
|
|
display: flex;
|
|
gap: 16px;
|
|
margin-top: 12px;
|
|
font-size: 0.8rem;
|
|
color: var(--text-secondary);
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.legendItem {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
}
|
|
|
|
.dot {
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
flex-shrink: 0;
|
|
}
|