lotto lab UI 수정

- 히스토리, 과거 이력 더 보기 좋게 변경
This commit is contained in:
2026-01-26 00:56:09 +09:00
parent 80a61e74ee
commit 472a55c0a7
2 changed files with 130 additions and 56 deletions

View File

@@ -69,6 +69,18 @@
gap: 16px;
}
.lotto-panel--wide .lotto-chart {
grid-template-columns: 60px minmax(0, 1fr);
}
.lotto-panel--wide .lotto-chart__plot {
height: 220px;
}
.lotto-panel--wide .lotto-chart__ticks {
min-height: 220px;
}
.lotto-panel__head {
display: flex;
justify-content: space-between;
@@ -505,6 +517,22 @@
gap: 12px;
}
.lotto-history-toggle {
display: inline-flex;
align-items: center;
gap: 6px;
}
.lotto-history-toggle__icon {
display: inline-block;
transition: transform 0.2s ease;
font-size: 10px;
}
.lotto-history-toggle__icon.is-open {
transform: rotate(180deg);
}
.lotto-history__item {
border: 1px solid var(--line);
border-radius: 18px;