Speed up Wereldexport map loading dramatically.
Limit world overview payload, optimize SQL joins, cache bundle and tiles, reuse map instance, and show loading state.
This commit is contained in:
@@ -42,6 +42,23 @@
|
||||
.ei-filter-clear { font-size: 0.72rem; opacity: 0.85; }
|
||||
.ei-split { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; min-height: 420px; }
|
||||
@media (max-width: 900px) { .ei-split { grid-template-columns: 1fr; } }
|
||||
|
||||
.ei-map-wrap { position: relative; }
|
||||
.ei-map-loading {
|
||||
position: absolute; inset: 0; z-index: 500;
|
||||
display: flex; align-items: center; justify-content: center; gap: 0.65rem;
|
||||
background: rgba(8, 12, 18, 0.72); color: #94a3b8; font-size: 0.85rem;
|
||||
pointer-events: none;
|
||||
}
|
||||
.ei-map-spinner {
|
||||
width: 18px; height: 18px; border-radius: 50%;
|
||||
border: 2px solid rgba(56, 189, 248, 0.25);
|
||||
border-top-color: #38bdf8;
|
||||
animation: ei-spin 0.8s linear infinite;
|
||||
}
|
||||
@keyframes ei-spin { to { transform: rotate(360deg); } }
|
||||
.ei-map-truncated { margin: 0 0 0.65rem; font-size: 0.75rem; color: #64748b; }
|
||||
|
||||
.ei-map-error { margin: 0 0 0.65rem; padding: 0.65rem 0.85rem; border-radius: 10px; border: 1px solid rgba(251,113,133,0.35); background: rgba(127,29,29,0.25); color: #fecdd3; font-size: 0.82rem; }
|
||||
.ei-map-wrap { border-radius: 14px; overflow: hidden; border: 1px solid rgba(14,165,233,0.2); height: 420px; min-height: 420px; background: #0a0e14; }
|
||||
.ei-map-wrap #ei-map { height: 420px; width: 100%; }
|
||||
|
||||
Reference in New Issue
Block a user