ContactSection add, zmiany w MapGoogle
This commit is contained in:
55
src/styles/map-google.css
Normal file
55
src/styles/map-google.css
Normal 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;
|
||||
}
|
||||
Reference in New Issue
Block a user