Stream advance fares and selectable ticket classes
This commit is contained in:
parent
2f3f01171c
commit
a5023d0672
4 changed files with 441 additions and 204 deletions
|
|
@ -281,6 +281,24 @@
|
|||
.empty-state p:first-child { font-size: 1.1rem; margin-bottom: 0.5rem; }
|
||||
.empty-state p:last-child { font-size: 0.9rem; }
|
||||
|
||||
/* Ticket class button group */
|
||||
.btn-group { display: inline-flex; border: 1px solid #cbd5e0; border-radius: 4px; overflow: hidden; vertical-align: middle; }
|
||||
.btn-group-option { padding: 0.28rem 0.65rem; font-size: 0.82rem; background: #fff; border: none; border-right: 1px solid #cbd5e0; cursor: pointer; color: #374151; white-space: nowrap; }
|
||||
.btn-group-option:last-child { border-right: none; }
|
||||
.btn-group-option.active { background: #00539f; color: #fff; font-weight: 600; }
|
||||
.btn-group-option:hover:not(.active) { background: #f0f4f8; }
|
||||
|
||||
/* Flash animation for total price */
|
||||
@keyframes price-flash { 0%,100% { background-color: transparent; } 40% { background-color: #fef08a; } }
|
||||
.price-flash { animation: price-flash 0.7s ease-out; border-radius: 3px; }
|
||||
|
||||
/* Loading state */
|
||||
#advance-loading { font-size: 0.82rem; color: #718096; margin-left: 0.5rem; }
|
||||
|
||||
/* Fare lines — show all, dim inactive */
|
||||
.fare-line { display: block; line-height: 1.6; transition: opacity 0.15s; }
|
||||
.fare-inactive { opacity: 0.4; }
|
||||
|
||||
/* Utilities */
|
||||
.text-muted { color: #718096; }
|
||||
.text-dimmed { color: #a0aec0; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue