Improve progressive results loading
This commit is contained in:
parent
9691632f65
commit
378d2484d0
6 changed files with 369 additions and 60 deletions
|
|
@ -294,6 +294,33 @@
|
|||
|
||||
/* Loading state */
|
||||
#advance-loading { font-size: 0.82rem; color: #718096; margin-left: 0.5rem; }
|
||||
.loading-panel {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
align-items: flex-start;
|
||||
margin-top: 1rem;
|
||||
padding: 1rem;
|
||||
border: 1px solid #cbd5e0;
|
||||
border-radius: 6px;
|
||||
background: #f8fbff;
|
||||
}
|
||||
.loading-panel p { margin: 0.25rem 0 0; }
|
||||
.spinner {
|
||||
width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
border: 3px solid #cbd5e0;
|
||||
border-top-color: #00539f;
|
||||
border-radius: 50%;
|
||||
flex: 0 0 auto;
|
||||
animation: spin 0.8s linear infinite;
|
||||
}
|
||||
.spinner-inline {
|
||||
width: 0.85rem;
|
||||
height: 0.85rem;
|
||||
border-width: 2px;
|
||||
margin-right: 0.35rem;
|
||||
}
|
||||
@keyframes spin { to { transform: rotate(360deg); } }
|
||||
|
||||
/* Fare lines — show all, dim inactive */
|
||||
.fare-line { display: block; line-height: 1.6; transition: opacity 0.15s; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue