scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(SW-886): update map marker

Browse Source
This commit is contained in:
Fredrik Thorsson
2024-12-06 14:52:40 +01:00
parent ff265782bc
commit 25eada4d97
2 changed files with 28 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/ContentType/HotelPage/Rooms/index.tsx
View File

@@ -35,7 +35,7 @@ export function Rooms({ rooms }: RoomsProps) {
className={styles.roomsContainer}
>
<div ref={scrollRef} className={styles.scrollRef}></div>
<Title as="h3" level="h2" textTransform="capitalize">
<Title as="h3" level="h2">
{intl.formatMessage({ id: "Rooms" })}
</Title>
<Grids.Stackable

53
components/Maps/Markers/Scandic.tsx
View File

@@ -5,76 +5,77 @@ export default function ScandicMarker({
return (
<svg
className={className}
height="100"
width="85"
height="108"
viewBox="0 0 85 108"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g filter="url(#filter0_d_1623_21496)">
<g filter="url(#filter0_d_2609_25171)">
<path
fillRule="evenodd"
clipRule="evenodd"
clip-rule="evenodd"
d="M52.842 72.1048C64.7996 67.7006 73.3378 56.108 73.3378 42.5C73.3378 25.103 59.383 11 42.1689 11C24.9548 11 11 25.103 11 42.5C11 56.6689 20.2565 68.6528 32.9914 72.6123L41.236 86.0475C42.0252 87.3336 43.9 87.3158 44.6647 86.015L52.842 72.1048Z"
fill="white"
/>
<circle cx="42" cy="43" r="27" fill="#CD0921" />
<circle cx="42.0068" cy="42.0068" r="27" fill="#CD0921" />
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M34.1848 46.7474C33.592 46.8953 32.9991 46.9446 32.4062 46.9446C30.2818 46.9446 28.8984 45.9587 28.8984 43.6418C28.8984 41.4234 30.3312 40.4868 32.3568 40.4868C32.9497 40.4868 33.5426 40.5361 34.1354 40.6347V41.7192C33.6908 41.6699 33.3449 41.6206 32.9497 41.6206C31.3193 41.6206 30.5288 42.1136 30.5288 43.7404C30.5288 45.2685 31.2699 45.8108 32.9497 45.8108C33.3944 45.8108 33.7402 45.7615 34.1354 45.7122V46.7474H34.1848Z"
d="M33.1848 46.0273C32.592 46.1752 31.9991 46.2245 31.4062 46.2245C29.2818 46.2245 27.8984 45.2386 27.8984 42.9217C27.8984 40.7033 29.3312 39.7667 31.3568 39.7667C31.9497 39.7667 32.5426 39.816 33.1354 39.9146V40.9991C32.6908 40.9498 32.3449 40.9005 31.9497 40.9005C30.3193 40.9005 29.5288 41.3935 29.5288 43.0203C29.5288 44.5484 30.2699 45.0907 31.9497 45.0907C32.3944 45.0907 32.7402 45.0414 33.1354 44.9921V46.0273H33.1848Z"
fill="white"
/>
<path
d="M56.0547 46.7961H57.6357V40.5848H56.0547V46.7961ZM56.0547 39.3524H57.6357V37.9229H56.0547V39.3524Z"
d="M55.0547 46.076H56.6357V39.8647H55.0547V46.076ZM55.0547 38.6323H56.6357V37.2028H55.0547V38.6323Z"
fill="white"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M54.7828 46.6483C54.4863 46.6975 53.3994 46.8947 52.3125 46.8947C50.2869 46.8947 48.8047 45.9581 48.8047 43.6905C48.8047 41.5215 50.1386 40.437 52.1643 40.437C52.4607 40.437 52.9548 40.4862 53.2018 40.4862V37.9229H54.7828C54.7828 38.2186 54.7828 46.5004 54.7828 46.6483ZM53.2512 45.7116V41.6694C53.0536 41.6694 52.7077 41.6201 52.3619 41.6201C50.9291 41.6201 50.3857 42.3102 50.3857 43.7398C50.3857 45.0215 50.8797 45.8102 52.3125 45.8102C52.6089 45.8102 52.9054 45.7609 53.2512 45.7116Z"
d="M53.7828 45.9282C53.4863 45.9775 52.3994 46.1746 51.3125 46.1746C49.2869 46.1746 47.8047 45.238 47.8047 42.9704C47.8047 40.8014 49.1386 39.7169 51.1643 39.7169C51.4607 39.7169 51.9548 39.7662 52.2018 39.7662V37.2028H53.7828C53.7828 37.4985 53.7828 45.7803 53.7828 45.9282ZM52.2512 44.9915V40.9493C52.0536 40.9493 51.7077 40.9 51.3619 40.9C49.9291 40.9 49.3857 41.5901 49.3857 43.0197C49.3857 44.3014 49.8797 45.0901 51.3125 45.0901C51.6089 45.0901 51.9054 45.0408 52.2512 44.9915Z"
fill="white"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M47.7727 46.7967H46.2411V42.7051C46.2411 42.015 45.9446 41.6206 44.9565 41.6206C44.2648 41.6206 43.5238 41.7685 43.5238 41.7685V46.7967H41.9922V40.7826C42.091 40.7826 44.0672 40.4868 45.2036 40.4868C46.5869 40.4868 47.8221 40.7333 47.8221 42.6065V46.7967H47.7727Z"
d="M46.7727 46.0766H45.2411V41.985C45.2411 41.2949 44.9446 40.9005 43.9565 40.9005C43.2648 40.9005 42.5238 41.0484 42.5238 41.0484V46.0766H40.9922V40.0625C41.091 40.0625 43.0672 39.7667 44.2036 39.7667C45.5869 39.7667 46.8221 40.0132 46.8221 41.8865V46.0766H46.7727Z"
fill="white"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M40.6998 46.7954C39.6129 46.894 38.773 46.9432 37.8343 46.9432C36.2533 46.9432 34.9688 46.6968 34.9688 44.9221C34.9688 43.1968 36.5497 43.0982 37.9825 43.0489C38.3283 43.0489 38.7236 43.0489 39.1188 43.0489C39.1188 41.9643 39.0694 41.57 37.4884 41.57C36.6979 41.57 35.8581 41.7179 35.364 41.8165V40.6827C35.9569 40.5348 36.8956 40.4855 37.5873 40.4362C39.3659 40.4362 40.6998 40.6334 40.6998 42.5066V46.7954ZM39.1188 45.8587V44.0841C38.8224 44.0841 38.2789 44.0841 38.0813 44.0841C37.1426 44.0841 36.5497 44.1334 36.5497 45.0207C36.5497 45.908 37.2908 45.9573 38.0319 45.9573C38.4766 45.908 38.7236 45.908 39.1188 45.8587Z"
d="M39.6998 46.0753C38.6129 46.1738 37.773 46.2231 36.8343 46.2231C35.2533 46.2231 33.9688 45.9767 33.9688 44.202C33.9688 42.4766 35.5497 42.3781 36.9825 42.3288C37.3283 42.3288 37.7236 42.3288 38.1188 42.3288C38.1188 41.2442 38.0694 40.8499 36.4884 40.8499C35.6979 40.8499 34.8581 40.9978 34.364 41.0964V39.9625C34.9569 39.8147 35.8956 39.7654 36.5873 39.7161C38.3659 39.7161 39.6998 39.9132 39.6998 41.7865V46.0753ZM38.1188 45.1386V43.364C37.8224 43.364 37.2789 43.364 37.0813 43.364C36.1426 43.364 35.5497 43.4133 35.5497 44.3006C35.5497 45.1879 36.2908 45.2372 37.0319 45.2372C37.4766 45.1879 37.7236 45.1879 38.1188 45.1386Z"
fill="white"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M63.927 46.7474C63.3342 46.8953 62.7413 46.9446 62.1484 46.9446C60.024 46.9446 58.6406 45.9587 58.6406 43.6418C58.6406 41.4234 60.0734 40.4868 62.099 40.4868C62.6919 40.4868 63.2848 40.5361 63.8776 40.6347V41.7192C63.433 41.6699 63.0871 41.6206 62.6919 41.6206C61.0615 41.6206 60.271 42.1136 60.271 43.7404C60.271 45.2685 61.0121 45.8108 62.6919 45.8108C63.1365 45.8108 63.4824 45.7615 63.8776 45.7122V46.7474H63.927Z"
d="M62.927 46.0273C62.3342 46.1752 61.7413 46.2245 61.1484 46.2245C59.024 46.2245 57.6406 45.2386 57.6406 42.9217C57.6406 40.7033 59.0734 39.7667 61.099 39.7667C61.6919 39.7667 62.2848 39.816 62.8776 39.9146V40.9991C62.433 40.9498 62.0871 40.9005 61.6919 40.9005C60.0615 40.9005 59.271 41.3935 59.271 43.0203C59.271 44.5484 60.0121 45.0907 61.6919 45.0907C62.1365 45.0907 62.4824 45.0414 62.8776 44.9921V46.0273H62.927Z"
fill="white"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M28.1054 44.3303C28.1054 46.1542 26.6726 46.943 24.5482 46.943C23.1648 46.943 22.1767 46.6965 22.0285 46.6472V45.3655C22.5226 45.4641 23.5601 45.7106 24.4494 45.7106C25.3387 45.7106 26.475 45.5134 26.475 44.5275C26.475 43.8866 25.981 43.6401 25.0917 43.3936C24.7458 43.2951 24.4 43.1965 24.0541 43.0979C22.8684 42.7528 21.9297 42.2598 21.9297 40.8796C21.9297 38.9077 23.5107 38.4147 25.3387 38.4147C26.4256 38.4147 27.3149 38.6119 27.4631 38.6612V39.8443C27.2655 39.795 26.4256 39.5979 25.4869 39.5979C24.5976 39.5979 23.5601 39.6964 23.5601 40.6824C23.5601 41.4218 24.1529 41.619 24.9928 41.8162C25.3881 41.9641 25.7833 42.0134 26.1786 42.1612C27.2161 42.457 28.1054 42.95 28.1054 44.3303Z"
d="M27.1054 43.6102C27.1054 45.4342 25.6726 46.2229 23.5482 46.2229C22.1648 46.2229 21.1767 45.9764 21.0285 45.9271V44.6454C21.5226 44.744 22.5601 44.9905 23.4494 44.9905C24.3387 44.9905 25.475 44.7933 25.475 43.8074C25.475 43.1666 24.981 42.9201 24.0917 42.6736C23.7458 42.575 23.4 42.4764 23.0541 42.3778C21.8684 42.0328 20.9297 41.5398 20.9297 40.1595C20.9297 38.1877 22.5107 37.6947 24.3387 37.6947C25.4256 37.6947 26.3149 37.8919 26.4631 37.9412V39.1243C26.2655 39.075 25.4256 38.8778 24.4869 38.8778C23.5976 38.8778 22.5601 38.9764 22.5601 39.9623C22.5601 40.7018 23.1529 40.8989 23.9928 41.0961C24.3881 41.244 24.7833 41.2933 25.1786 41.4412C26.2161 41.737 27.1054 42.2299 27.1054 43.6102Z"
fill="white"
/>
<g filter="url(#filter1_d_1623_21496)">
<g filter="url(#filter1_d_2609_25171)">
<rect x="37" y="93" width="12" height="12" rx="6" fill="white" />
<circle cx="43.1172" cy="99" r="4" fill="#CD0921" />
</g>
<defs>
<filter
id="filter0_d_1623_21496"
id="filter0_d_2609_25171"
x="0"
y="0"
width="84.3379"
height="98.0014"
height="98.0015"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
color-interpolation-filters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
@@ -85,37 +86,37 @@ export default function ScandicMarker({
radius="3"
operator="dilate"
in="SourceAlpha"
result="effect1_dropShadow_1623_21496"
result="effect1_dropShadow_2609_25171"
/>
<feOffset />
<feGaussianBlur stdDeviation="4" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_1623_21496"
result="effect1_dropShadow_2609_25171"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_1623_21496"
in2="effect1_dropShadow_2609_25171"
result="shape"
/>
</filter>
<filter
id="filter1_d_1623_21496"
id="filter1_d_2609_25171"
x="34"
y="90"
width="18"
height="18"
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
color-interpolation-filters="sRGB"
>
<feFlood floodOpacity="0" result="BackgroundImageFix" />
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
@@ -126,7 +127,7 @@ export default function ScandicMarker({
radius="1"
operator="dilate"
in="SourceAlpha"
result="effect1_dropShadow_1623_21496"
result="effect1_dropShadow_2609_25171"
/>
<feOffset />
<feGaussianBlur stdDeviation="1" />
@@ -138,12 +139,12 @@ export default function ScandicMarker({
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_1623_21496"
result="effect1_dropShadow_2609_25171"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_1623_21496"
in2="effect1_dropShadow_2609_25171"
result="shape"
/>
</filter>