1 line
20 KiB
CSS
1 line
20 KiB
CSS
|
*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eceff1;-webkit-text-size-adjust:100%}#app{display:flex;flex-direction:column;height:100%;width:100%}#status-bar{display:flex;align-items:center;background:#16213e;padding:6px 12px;min-height:36px;flex-shrink:0}#status-text{flex:1;color:#b0bec5;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#refresh-btn{background:none;border:none;color:#b0bec5;cursor:pointer;padding:4px;font-size:18px;line-height:1;flex-shrink:0}#refresh-btn:hover{color:#eceff1}#main-content{flex:1;position:relative;min-height:0}#map-container{width:100%;height:100%}#compass-container{display:none;width:100%;height:100%;background:#0f0f23;position:relative}#compass-container.active{display:block}#compass-distance{position:absolute;bottom:32px;left:0;right:0;text-align:center;color:#fff;font-size:48px;font-weight:700;pointer-events:none}#compass-address{position:absolute;top:24px;left:0;right:0;text-align:center;color:#fff;font-size:18px;pointer-events:none}#toggle-fab{position:absolute;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;background:#ff6b35;border:none;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0006;z-index:1000;display:flex;align-items:center;justify-content:center}#toggle-fab:hover{background:#e55a2b}#reset-view-btn{position:absolute;left:16px;bottom:16px;width:40px;height:40px;border-radius:50%;background:#16213e;border:2px solid #B0BEC5;color:#b0bec5;font-size:18px;cursor:pointer;box-shadow:0 2px 8px #0006;z-index:1000;display:none;align-items:center;justify-content:center}#reset-view-btn.visible{display:flex}#reset-view-btn:hover{background:#1a1a2e;color:#eceff1;border-color:#eceff1}#no-cache-banner{display:none;align-items:center;background:#e65100;padding:6px 12px;flex-shrink:0}#no-cache-banner.visible{display:flex}#no-cache-banner span{flex:1;color:#fff;font-size:12px}#cache-retry-btn{background:none;border:1px solid #FFFFFF;color:#fff;font-size:12px;padding:4px 10px;border-radius:4px;cursor:pointer;flex-shrink:0}#bottom-sheet{background:#1a1a2e;padding:12px;box-shadow:0 -4px 12px #0000004d;flex-shrink:0}#selected-shelter{display:flex;align-items:center;gap:12px;margin-bottom:8px}#mini-arrow{width:48px;height:48px;flex-shrink:0}#selected-shelter-info{flex:1;min-width:0}#selected-shelter-address{color:#eceff1;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#selected-shelter-details{color:#90a4ae;font-size:13px;margin-top:2px}#shelter-list{display:flex;flex-direction:column;gap:4px}.shelter-item{display:flex;flex-direction:column;background:#ffffff0d;border:1px solid transparent;border-radius:8px;padding:10px 12px;cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit}.shelter-item:hover{background:#ffffff1a}.shelter-item.selected{border-color:#ff6b35;background:#ff6b351a}.shelter-item-address{color:#eceff1;font-size:14px;font-weight:500}.shelter-item-details{color:#90a4ae;font-size:12px;margin-top:2px}#loading-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:2000;align-items:center;justify-content:center;flex-direction:column;gap:16px}#loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#ff6b35;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{color:#fff;font-size:16px;text-align:center;padding:0 32px;white-space:pre-line}#loading-button-row{display:none;gap:12px;margin-top:4px}#loading-button-row button{padding:8px 20px;border-radius:6px;font-size:14px;cursor:pointer}#loading-skip-btn{background:transparent;border:1px solid #FFFFFF;color:#fff}#loading-ok-btn{background:#ff6b35;border:none;color:#fff}.shelter-marker{background:none!important;border:none!important}.leaflet-control-zoom a{background:#16213e!important;color:#eceff1!important;border-color:#2a2a4e!important}.lea
|