Spaces:
Running
Running
File size: 1,368 Bytes
793c96d | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <style>
.map-placeholder {
width: 100%;
height: 100%;
min-height: 300px;
background: #ffffff;
border-radius: 12px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
border: 1px solid #e0e0e0;
box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
.map-placeholder svg { opacity: 0.25; color: #555; }
.map-placeholder span { font-size: 15px; color: #bbb; letter-spacing: 0.01em; }
@media (prefers-color-scheme: dark) {
.map-placeholder {
background: rgba(255,255,255,0.06);
border-color: rgba(255,255,255,0.1);
}
.map-placeholder svg { opacity: 0.3; color: #aaa; }
.map-placeholder span { color: #666; }
}
</style>
<div class="map-placeholder">
<!-- Map icon -->
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 4L3 7v13l6-3 6 3 6-3V4l-6 3-6-3z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
<line x1="9" y1="4" x2="9" y2="17" stroke="currentColor" stroke-width="1.5"/>
<line x1="15" y1="7" x2="15" y2="20" stroke="currentColor" stroke-width="1.5"/>
</svg>
<span>OGD4All automatically generates interactive maps when relevant</span>
</div>
|