flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add house icon to Switcher

Browse Source
This commit is contained in:
Félix Péault
2022-03-02 19:51:12 +01:00
parent 482b62da0e
commit df17b0cff1
3 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
pnpm-lock.yaml generated
View File

@@ -32,7 +32,7 @@ dependencies:
devDependencies: devDependencies:
'@sveltejs/adapter-auto': 1.0.0-next.30 '@sveltejs/adapter-auto': 1.0.0-next.30
'@sveltejs/adapter-node': 1.0.0-next.70 '@sveltejs/adapter-node': 1.0.0-next.70
'@sveltejs/kit': 1.0.0-next.288_sass@1.49.9+svelte@3.46.4 '@sveltejs/kit': 1.0.0-next.289_sass@1.49.9+svelte@3.46.4
'@types/animejs': 3.1.4 '@types/animejs': 3.1.4
'@typescript-eslint/eslint-plugin': 5.13.0_33fffc354ccfa91fbe7d1677b9395a0a '@typescript-eslint/eslint-plugin': 5.13.0_33fffc354ccfa91fbe7d1677b9395a0a
'@typescript-eslint/parser': 5.13.0_eslint@8.10.0+typescript@4.6.2 '@typescript-eslint/parser': 5.13.0_eslint@8.10.0+typescript@4.6.2
@@ -147,17 +147,17 @@ packages:
esbuild: 0.14.23 esbuild: 0.14.23
dev: true dev: true
/@sveltejs/kit/1.0.0-next.288_sass@1.49.9+svelte@3.46.4: /@sveltejs/kit/1.0.0-next.289_sass@1.49.9+svelte@3.46.4:
resolution: {integrity: sha512-6ky4CUFNGKoU1QV+fY2LOIB7atHdUCIMRx3pX21B2g9yZzQzkot0zHBrMMBSKF0/4Wx19PLEWrlGxlhakYmi8Q==} resolution: {integrity: sha512-P84m/yVPxBj5QM7Alk7mC2IW+/Td547Zgu+wuoTaV9JisGWkBRdGbxYeG5u5RZIN2BvkcWRnzl1UYp8mAX+XCg==}
engines: {node: '>=14.13'} engines: {node: '>=14.13'}
hasBin: true hasBin: true
peerDependencies: peerDependencies:
svelte: ^3.44.0 svelte: ^3.44.0
dependencies: dependencies:
'@sveltejs/vite-plugin-svelte': 1.0.0-next.38_svelte@3.46.4+vite@2.8.5 '@sveltejs/vite-plugin-svelte': 1.0.0-next.39_svelte@3.46.4+vite@2.8.6
sade: 1.8.1 sade: 1.8.1
svelte: 3.46.4 svelte: 3.46.4
vite: 2.8.5_sass@1.49.9 vite: 2.8.6_sass@1.49.9
transitivePeerDependencies: transitivePeerDependencies:
- diff-match-patch - diff-match-patch
- less - less
@@ -166,8 +166,8 @@ packages:
- supports-color - supports-color
dev: true dev: true
/@sveltejs/vite-plugin-svelte/1.0.0-next.38_svelte@3.46.4+vite@2.8.5: /@sveltejs/vite-plugin-svelte/1.0.0-next.39_svelte@3.46.4+vite@2.8.6:
resolution: {integrity: sha512-epYAVZvfpiDZwB4Whe5AALk3zF5odKFf8Vx4q2tth+QuXmr0GLZ13ri02zINS6pHRCx+GjtOqCEEwMaPAfPcgQ==} resolution: {integrity: sha512-gnvvcAW2LK+KnUn8lKb2ypcXKwSp2K57mem5C4VNKfjxdRpM6+XwNavWwVf6otnDhz3qPYl/TKKW6/dRr6eeAw==}
engines: {node: ^14.13.1 || >= 16} engines: {node: ^14.13.1 || >= 16}
peerDependencies: peerDependencies:
diff-match-patch: ^1.0.5 diff-match-patch: ^1.0.5
@@ -183,7 +183,7 @@ packages:
magic-string: 0.25.7 magic-string: 0.25.7
svelte: 3.46.4 svelte: 3.46.4
svelte-hmr: 0.14.9_svelte@3.46.4 svelte-hmr: 0.14.9_svelte@3.46.4
vite: 2.8.5_sass@1.49.9 vite: 2.8.6_sass@1.49.9
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
dev: true dev: true
@@ -1279,8 +1279,8 @@ packages:
glob: 7.2.0 glob: 7.2.0
dev: true dev: true
/rollup/2.68.0: /rollup/2.69.0:
resolution: {integrity: sha512-XrMKOYK7oQcTio4wyTz466mucnd8LzkiZLozZ4Rz0zQD+HeX4nUK4B8GrTX/2EvN2/vBF/i2WnaXboPxo0JylA==} resolution: {integrity: sha512-kjER91tHyek8gAkuz7+558vSnTQ+pITEok1P0aNOS45ZXyngaqPsXJmSel4QPQnJo7EJMjXUU1/GErWkWiKORg==}
engines: {node: '>=10.0.0'} engines: {node: '>=10.0.0'}
hasBin: true hasBin: true
optionalDependencies: optionalDependencies:
@@ -1566,8 +1566,8 @@ packages:
resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==} resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==}
dev: true dev: true
/vite/2.8.5_sass@1.49.9: /vite/2.8.6_sass@1.49.9:
resolution: {integrity: sha512-C/7EGNa1ugWejol6nOcd/0d8PR70Nzd+XXwsPbnNOfzZw0NN2xyXfmw/GNDHgr5fcaTSO4gjxCJCrwNhQUMhmA==} resolution: {integrity: sha512-e4H0QpludOVKkmOsRyqQ7LTcMUDF3mcgyNU4lmi0B5JUbe0ZxeBBl8VoZ8Y6Rfn9eFKYtdXNPcYK97ZwH+K2ug==}
engines: {node: '>=12.2.0'} engines: {node: '>=12.2.0'}
hasBin: true hasBin: true
peerDependencies: peerDependencies:
@@ -1585,7 +1585,7 @@ packages:
esbuild: 0.14.23 esbuild: 0.14.23
postcss: 8.4.7 postcss: 8.4.7
resolve: 1.22.0 resolve: 1.22.0
rollup: 2.68.0 rollup: 2.69.0
sass: 1.49.9 sass: 1.49.9
optionalDependencies: optionalDependencies:
fsevents: 2.3.2 fsevents: 2.3.2

5
src/components/SVGSprite.svelte
View File

@@ -4,6 +4,11 @@
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.32 6.72a5.3 5.3 0 0 1 1.32-3.67 4 4 0 0 1 3-1.28c2.2.02 4.27 1.78 4.3 4.95h4.42c.64 0 1.15.54 1.1 1.18l-.02.34 2.86 19.49a1 1 0 0 1-1.34 1.1l-1.1-.4a.1.1 0 0 0-.08 0l-1.96 1.3a1.1 1.1 0 0 1-1.1.93H5.82a1.1 1.1 0 0 1-1.1-1.2L6.34 7.75a1.1 1.1 0 0 1 1.1-1.02h3.88Zm1.28 0c.02-1.3.43-2.2.98-2.79.56-.6 1.3-.88 2.05-.88 1.44.01 3 1.15 3.04 3.67H12.6ZM19.95 8h4.22l-.02.28-1.59 21.1H6L7.6 8h3.72v3.65a1.47 1.47 0 0 0 .64 2.8 1.47 1.47 0 0 0 .64-2.8V8h6.07v3.65a1.47 1.47 0 0 0 .64 2.8 1.47 1.47 0 0 0 .64-2.8V8Zm4 20.1L25 14.07l1.97 13.39-.67-.24c-.4-.15-.86-.1-1.23.14l-1.13.74ZM12.3 12.98a.35.35 0 1 1-.7 0 .35.35 0 0 1 .7 0Zm7 .35a.35.35 0 1 0 0-.7.35.35 0 0 0 0 .7Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.32 6.72a5.3 5.3 0 0 1 1.32-3.67 4 4 0 0 1 3-1.28c2.2.02 4.27 1.78 4.3 4.95h4.42c.64 0 1.15.54 1.1 1.18l-.02.34 2.86 19.49a1 1 0 0 1-1.34 1.1l-1.1-.4a.1.1 0 0 0-.08 0l-1.96 1.3a1.1 1.1 0 0 1-1.1.93H5.82a1.1 1.1 0 0 1-1.1-1.2L6.34 7.75a1.1 1.1 0 0 1 1.1-1.02h3.88Zm1.28 0c.02-1.3.43-2.2.98-2.79.56-.6 1.3-.88 2.05-.88 1.44.01 3 1.15 3.04 3.67H12.6ZM19.95 8h4.22l-.02.28-1.59 21.1H6L7.6 8h3.72v3.65a1.47 1.47 0 0 0 .64 2.8 1.47 1.47 0 0 0 .64-2.8V8h6.07v3.65a1.47 1.47 0 0 0 .64 2.8 1.47 1.47 0 0 0 .64-2.8V8Zm4 20.1L25 14.07l1.97 13.39-.67-.24c-.4-.15-.86-.1-1.23.14l-1.13.74ZM12.3 12.98a.35.35 0 1 1-.7 0 .35.35 0 0 1 .7 0Zm7 .35a.35.35 0 1 0 0-.7.35.35 0 0 0 0 .7Z"/>
</symbol> </symbol>
<symbol id="icon-house" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M28.749 11.738 21.55 4.333A.81.81 0 0 0 20.923 4h-9.2a1.425 1.425 0 0 0-1.004.427L8.008 7.219v-.464a1.33 1.33 0 0 0-1.393-1.418h-.948a1.33 1.33 0 0 0-1.393 1.418v4.305l-.879.904a1.4 1.4 0 0 0-.395.985v13.668a1.412 1.412 0 0 0 1.412 1.412h3.696a1.412 1.412 0 0 0 1.412-1.412v-2.052a2.078 2.078 0 0 1 2.178-2.209c1.5 0 2.033 1.255 2.033 2.322v1.94a1.406 1.406 0 0 0 1.406 1.411h11.71a.897.897 0 0 0 .892-.89V13.25h.37a.891.891 0 0 0 .64-1.512Zm-1.506.257H20.27v-.037L13.6 5.254h7.135l6.508 6.74ZM5.529 6.755a.502.502 0 0 1 0-.144c.04-.01.08-.01.12 0h.947a.238.238 0 0 1 .113 0 .301.301 0 0 1 0 .144v1.75L5.485 9.762l.044-3.006Zm9.62 20.02a.157.157 0 0 1-.15-.158v-1.939c0-2.108-1.356-3.577-3.288-3.577a3.335 3.335 0 0 0-3.433 3.464v2.052a.157.157 0 0 1-.157.157H4.424a.157.157 0 0 1-.156-.157V12.95a.15.15 0 0 1 .044-.113l7.323-7.53a.14.14 0 0 1 .107-.05c.042.002.083.02.113.05l7.53 7.53c.027.03.042.067.045.107v13.674a.157.157 0 0 1-.157.157H15.15Zm11.335 0h-5.85a1.52 1.52 0 0 0 0-.158V13.25h5.83l.02 13.524Z"/>
<path d="M11.723 11.763a3.062 3.062 0 0 0-3.056 3.063 3.063 3.063 0 0 0 3.056 3.056 3.062 3.062 0 0 0 3.056-3.057 3.062 3.062 0 0 0-3.056-3.062Zm0 4.864a1.808 1.808 0 0 1-1.801-1.801 1.807 1.807 0 0 1 1.801-1.808 1.807 1.807 0 0 1 1.801 1.807 1.807 1.807 0 0 1-1.8 1.802Z"/>
</symbol>
<symbol id="icon-photos" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <symbol id="icon-photos" viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.01 7.5a2.19 2.19 0 0 1 1.95-2.4L22.74 3c1.2-.12 2.27.74 2.4 1.93l3.8.22a2.19 2.19 0 0 1 2.05 2.34l-1.11 15.26a2.19 2.19 0 0 1-2.26 2.02l-.4-.01a2.19 2.19 0 0 1-1.94 2.38L5.5 29.22a2.19 2.19 0 0 1-2.4-1.94L1 7.5Zm26.09 16L25.28 6.2l3.59.2c.52.03.92.49.88 1l-1.12 15.27a.94.94 0 0 1-.97.87l-.56-.03ZM3.09 6.33a.94.94 0 0 0-.83 1.04l1.4 13.34 3-.31-.4-3.87c-.04-.41.1-.83.4-1.13l4.26-4.31c.25-.25.57-.39.9-.42a.62.62 0 0 1 .2-.05L16 10.2c.2-.02.42.03.59.14l4.88 3.26c.54.36.49 1.1.05 1.44l.4 3.76 3.35-.36h.04L23.9 5.1a.94.94 0 0 0-1.04-.83L3.1 6.33Zm17.88 15.3-.68-6.33-1.94.2.65 6.18v.16l1.97-.2Zm-5.58 1.84 1.92-.2h.01l4.15-.43a.89.89 0 0 0 .79-.98l-.2-1.82 3.34-.35h.04l.54 5.18a.94.94 0 0 1-.83 1.03L5.37 27.98a.94.94 0 0 1-1.04-.83l-.54-5.2 3-.3.15 1.3a1.4 1.4 0 0 0 1.54 1.25l2.26-.24a1.4 1.4 0 0 0 1.25-1.54l-.3-2.73a.91.91 0 0 1 .85-.98.91.91 0 0 1 1.02.78l.29 2.73a1.4 1.4 0 0 0 1.54 1.25Zm-.59-4.1.3 2.72c0 .09.08.15.16.14l2.36-.25c.08 0 .14-.08.13-.17l-.67-6.42a.16.16 0 0 0-.07-.1l-5-3.34a.15.15 0 0 0-.2.02l-4.26 4.3a.15.15 0 0 0-.04.13l.67 6.42c0 .09.09.15.17.14l2.25-.24c.09 0 .15-.08.14-.17l-.28-2.73a2.16 2.16 0 0 1 1.95-2.35c1.18-.13 2.27.7 2.4 1.9Zm3-5.07 2.13-.22L16 11.45l-2.14.23 3.84 2.56.1.06Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.01 7.5a2.19 2.19 0 0 1 1.95-2.4L22.74 3c1.2-.12 2.27.74 2.4 1.93l3.8.22a2.19 2.19 0 0 1 2.05 2.34l-1.11 15.26a2.19 2.19 0 0 1-2.26 2.02l-.4-.01a2.19 2.19 0 0 1-1.94 2.38L5.5 29.22a2.19 2.19 0 0 1-2.4-1.94L1 7.5Zm26.09 16L25.28 6.2l3.59.2c.52.03.92.49.88 1l-1.12 15.27a.94.94 0 0 1-.97.87l-.56-.03ZM3.09 6.33a.94.94 0 0 0-.83 1.04l1.4 13.34 3-.31-.4-3.87c-.04-.41.1-.83.4-1.13l4.26-4.31c.25-.25.57-.39.9-.42a.62.62 0 0 1 .2-.05L16 10.2c.2-.02.42.03.59.14l4.88 3.26c.54.36.49 1.1.05 1.44l.4 3.76 3.35-.36h.04L23.9 5.1a.94.94 0 0 0-1.04-.83L3.1 6.33Zm17.88 15.3-.68-6.33-1.94.2.65 6.18v.16l1.97-.2Zm-5.58 1.84 1.92-.2h.01l4.15-.43a.89.89 0 0 0 .79-.98l-.2-1.82 3.34-.35h.04l.54 5.18a.94.94 0 0 1-.83 1.03L5.37 27.98a.94.94 0 0 1-1.04-.83l-.54-5.2 3-.3.15 1.3a1.4 1.4 0 0 0 1.54 1.25l2.26-.24a1.4 1.4 0 0 0 1.25-1.54l-.3-2.73a.91.91 0 0 1 .85-.98.91.91 0 0 1 1.02.78l.29 2.73a1.4 1.4 0 0 0 1.54 1.25Zm-.59-4.1.3 2.72c0 .09.08.15.16.14l2.36-.25c.08 0 .14-.08.13-.17l-.67-6.42a.16.16 0 0 0-.07-.1l-5-3.34a.15.15 0 0 0-.2.02l-4.26 4.3a.15.15 0 0 0-.04.13l.67 6.42c0 .09.09.15.17.14l2.25-.24c.09 0 .15-.08.14-.17l-.28-2.73a2.16 2.16 0 0 1 1.95-2.35c1.18-.13 2.27.7 2.4 1.9Zm3-5.07 2.13-.22L16 11.45l-2.14.23 3.84 2.56.1.06Z"/>
</symbol> </symbol>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 12 KiB

2
src/components/molecules/Switcher.svelte
View File

@@ -50,7 +50,7 @@
> >
<ul class="switcher__links"> <ul class="switcher__links">
{#each switcher_links as { text, url, icon, icon_label }} {#each switcher_links as { text, url, icon, icon_label }}
<li class:is-active={$page.url.pathname.startsWith(url)}> <li class:is-active={$page.url.pathname === url}>
<a href={url} on:click={toggleSwitcher} <a href={url} on:click={toggleSwitcher}
sveltekit:noscroll sveltekit:prefetch sveltekit:noscroll sveltekit:prefetch
> >