| .history-view { | |
| min-height: calc(100vh - 64px); | |
| padding: 48px 24px; | |
| max-width: 800px; | |
| margin: 0 auto; | |
| } | |
| .history-header { | |
| margin-bottom: 32px; | |
| } | |
| .history-title { | |
| font-size: 2rem; | |
| font-weight: 700; | |
| color: var(--text-primary); | |
| margin-bottom: 8px; | |
| } | |
| .history-subtitle { | |
| font-size: 1rem; | |
| color: var(--text-secondary); | |
| } | |
| .history-list { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 12px; | |
| } | |
| .empty-state { | |
| text-align: center; | |
| padding: 64px 24px; | |
| background: var(--bg-card); | |
| border: 1px solid var(--border-subtle); | |
| border-radius: 16px; | |
| } | |
| .empty-icon { | |
| font-size: 3rem; | |
| display: block; | |
| margin-bottom: 16px; | |
| } | |
| .empty-state p { | |
| color: var(--text-secondary); | |
| } | |
| .history-card { | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| padding: 20px 24px; | |
| background: var(--bg-card); | |
| border: 1px solid var(--border-subtle); | |
| border-radius: 12px; | |
| cursor: pointer; | |
| transition: all 0.2s ease; | |
| } | |
| .history-card:hover { | |
| background: var(--bg-card-hover); | |
| transform: translateX(4px); | |
| border-color: var(--accent-primary); | |
| } | |
| .history-card-content { | |
| flex: 1; | |
| } | |
| .history-card-title { | |
| font-size: 1rem; | |
| font-weight: 600; | |
| color: var(--text-primary); | |
| margin-bottom: 4px; | |
| } | |
| .history-card-meta { | |
| font-size: 0.8rem; | |
| color: var(--text-muted); | |
| } | |
| .history-arrow { | |
| font-size: 1.25rem; | |
| color: var(--text-muted); | |
| transition: color 0.2s ease; | |
| } | |
| .history-card:hover .history-arrow { | |
| color: var(--accent-primary); | |
| } |