aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/components/StopMapSheet.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/frontend/app/components/StopMapSheet.css')
-rw-r--r--src/frontend/app/components/StopMapSheet.css149
1 files changed, 0 insertions, 149 deletions
diff --git a/src/frontend/app/components/StopMapSheet.css b/src/frontend/app/components/StopMapSheet.css
deleted file mode 100644
index 7c96c2b..0000000
--- a/src/frontend/app/components/StopMapSheet.css
+++ /dev/null
@@ -1,149 +0,0 @@
-/* Stop map container */
-.stop-map-container {
- width: 100%;
- height: 50vh;
- overflow: hidden;
- border: 1px solid var(--border-color);
- margin-block-start: 0;
- flex-shrink: 0;
- position: relative;
-}
-
-@media (max-width: 640px) {
- .stop-map-container {
- height: 30vh;
- }
-}
-
-/* Floating controls */
-.map-floating-controls {
- position: absolute;
- left: 8px;
- top: 8px;
- display: flex;
- gap: 8px;
- z-index: 2;
-}
-
-.center-btn {
- appearance: none;
- border: 1px solid rgba(0, 0, 0, 0.15);
- background: color-mix(
- in oklab,
- var(--background-color, #fff) 85%,
- transparent
- );
- color: var(--text-primary, #111);
- padding: 6px;
- border-radius: 6px;
- font-size: 12px;
- line-height: 1;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
- cursor: pointer;
-}
-
-/* User location dot */
-.user-dot {
- position: relative;
- width: 22px;
- height: 22px;
-}
-
-.user-dot__core {
- position: absolute;
- left: 50%;
- top: 50%;
- width: 10px;
- height: 10px;
- margin-left: -5px;
- margin-top: -5px;
- background: #2a6df4;
- border: 2px solid #fff;
- border-radius: 50%;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-}
-
-.user-dot__pulse {
- position: absolute;
- left: 50%;
- top: 50%;
- width: 22px;
- height: 22px;
- margin-left: -11px;
- margin-top: -11px;
- border-radius: 50%;
- background: rgba(42, 109, 244, 0.25);
- animation: userPulse 1.8s ease-out infinite;
-}
-
-/* Map attribution */
-.map-attribution {
- position: absolute;
- left: 8px;
- bottom: 8px;
- display: flex;
- align-items: flex-end;
- gap: 0.4rem;
- z-index: 2;
-}
-
-.map-attribution__toggle {
- width: 28px;
- height: 28px;
- border-radius: 50%;
- border: 1px solid rgba(0, 0, 0, 0.2);
- background: rgba(255, 255, 255, 0.9);
- color: #111;
- font-weight: 700;
- font-size: 0.85rem;
- cursor: pointer;
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-}
-
-[data-theme="dark"] .map-attribution__toggle {
- background: rgba(17, 24, 39, 0.9);
- color: #f8fafc;
- border-color: rgba(255, 255, 255, 0.2);
-}
-
-.map-attribution__panel {
- font-size: 0.7rem;
- background: rgba(0, 0, 0, 0.75);
- color: #fff;
- padding: 0.35rem 0.65rem;
- border-radius: 999px;
- max-width: 220px;
- opacity: 0;
- transform: translateX(-6px) scale(0.98);
- transform-origin: left bottom;
- transition: opacity 0.2s ease, transform 0.2s ease;
- pointer-events: none;
- line-height: 1.2;
-}
-
-.map-attribution__panel a {
- color: inherit;
- text-decoration: underline;
- font-weight: 600;
-}
-
-.map-attribution.open .map-attribution__panel {
- opacity: 1;
- transform: translateX(0) scale(1);
- pointer-events: auto;
-}
-
-@keyframes userPulse {
- 0% {
- transform: scale(0.6);
- opacity: 0.8;
- }
- 70% {
- transform: scale(1.2);
- opacity: 0.15;
- }
- 100% {
- transform: scale(1.4);
- opacity: 0;
- }
-}