ContactSection add, zmiany w MapGoogle

This commit is contained in:
dm
2025-11-21 12:09:45 +01:00
parent f42a242d9c
commit 0eaebc2faf
10 changed files with 448 additions and 5 deletions

55
src/styles/map-google.css Normal file
View File

@@ -0,0 +1,55 @@
.fuz-map-wrapper {
@apply max-w-7xl mx-auto mt-16;
}
.fuz-map-container {
@apply w-full h-[400px] rounded-xl shadow-lg;
}
.fuz-map-google {
@apply w-full h-[450px] rounded-xl overflow-hidden relative;
background: linear-gradient(90deg, #e0e0e0 0px, #f5f5f5 40px, #e0e0e0 80px);
background-size: 200% 100%;
animation: mapSkeleton 1.5s infinite;
opacity: 0;
transition: opacity 0.6s ease;
}
@keyframes mapSkeleton {
from {
background-position: 200% 0;
}
to {
background-position: -200% 0;
}
}
.fuz-map-google.loaded {
animation: none;
background: transparent;
opacity: 1;
}
@media (max-width: 768px) {
.fuz-map-google {
@apply h-[300px];
}
}
.fuz-map-infowindow {
/* background: var(--fuz-bg); */
color: var(--fuz-text);
@apply ml-1 mr-6 text-lg leading-snug ;
border-radius: 10px;
}
.gm-style-iw-d {
padding-top: 2px !important;
padding-bottom: 6px !important;
}
.gm-style-iw-c {
padding-top: 2px !important;
padding-bottom: 2px !important;
}