htlee
7fa4e2bfb1
- SensorChart: 히스토리 1H/2H/3H/6H, 기압 SLP 보정, 데이터 범위 확장(y축 시작) - SensorChart Tooltip: KST 시간 포맷, 위치 상단 고정, 스타일 통일 - 지진 포인트 클릭 → 지도 flyTo + SeismicMarker 진도별 펄스 원형 표시 - SatelliteMap flyTo 지원 추가 - OilFacilityLayer: planned ring SVG 내부로 이동 (아이콘 중심 정렬 수정) - 밝은 테마 text-shadow CSS 변수 분리 (dark/light) - deploy.yml: SSH SCP+실행 각 3회 재시도 (kex_exchange 거부 대응) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
82 lines
1.3 KiB
CSS
82 lines
1.3 KiB
CSS
.seismic-marker-container {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.seismic-pulse-ring {
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
border: 2px solid;
|
|
opacity: 0;
|
|
animation: seismic-pulse 2.5s ease-out infinite;
|
|
}
|
|
|
|
.seismic-pulse-ring-inner {
|
|
animation-delay: 0.8s;
|
|
}
|
|
|
|
.seismic-fill {
|
|
position: absolute;
|
|
border-radius: 50%;
|
|
animation: seismic-breathe 2s ease-in-out infinite;
|
|
}
|
|
|
|
.seismic-center-dot {
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 8px;
|
|
border-radius: 50%;
|
|
z-index: 1;
|
|
box-shadow: 0 0 6px currentColor;
|
|
}
|
|
|
|
.seismic-label {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
margin-top: 4px;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
font-family: 'Courier New', monospace;
|
|
text-shadow: 0 0 4px rgba(0, 0, 0, 0.9);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.seismic-magnitude {
|
|
display: block;
|
|
font-size: 13px;
|
|
font-weight: 800;
|
|
}
|
|
|
|
.seismic-place {
|
|
display: block;
|
|
font-size: 9px;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
@keyframes seismic-pulse {
|
|
0% {
|
|
transform: scale(0.3);
|
|
opacity: 0.8;
|
|
}
|
|
100% {
|
|
transform: scale(1.2);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes seismic-breathe {
|
|
0%, 100% {
|
|
opacity: 0.5;
|
|
transform: scale(0.9);
|
|
}
|
|
50% {
|
|
opacity: 0.8;
|
|
transform: scale(1);
|
|
}
|
|
}
|