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

Fix SVGs
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Félix Péault
2020-04-10 12:16:38 +02:00
parent 89911ad7c1
commit e5668f3a72
9 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/atoms/IconArrow.svelte
View File

@@ -4,10 +4,10 @@
export let hidden = undefined export let hidden = undefined
</script> </script>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" fill={color} class={$$props.class} aria-hidden={hidden}> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="20" height="20" viewbox="0 0 20 20" fill={color} class={$$props.class} aria-hidden={hidden}>
{#if direction === 'left'} {#if direction === 'left'}
<path d="M.26 10.85l-.06-.11-.08-.15-.05-.16-.04-.13a1.5 1.5 0 010-.6c0-.05.03-.09.04-.13l.05-.16.08-.15.06-.1c.06-.1.13-.17.2-.25L9.2.45c.61-.6 1.61-.6 2.23 0 .62.6.62 1.57 0 2.17L5.4 8.47h13.02c.87 0 1.58.68 1.58 1.53s-.7 1.53-1.58 1.53H5.4l6.03 5.85c.62.6.62 1.57 0 2.17-.3.3-.71.45-1.12.45-.4 0-.8-.15-1.11-.45L.46 11.08a1.5 1.5 0 01-.2-.23"/> <path fill={color} d="M.26 10.85l-.06-.11-.08-.15-.05-.16-.04-.13a1.5 1.5 0 010-.6c0-.05.03-.09.04-.13l.05-.16.08-.15.06-.1c.06-.1.13-.17.2-.25L9.2.45c.61-.6 1.61-.6 2.23 0 .62.6.62 1.57 0 2.17L5.4 8.47h13.02c.87 0 1.58.68 1.58 1.53s-.7 1.53-1.58 1.53H5.4l6.03 5.85c.62.6.62 1.57 0 2.17-.3.3-.71.45-1.12.45-.4 0-.8-.15-1.11-.45L.46 11.08a1.5 1.5 0 01-.2-.23"/>
{:else if direction === 'right'} {:else if direction === 'right'}
<path d="M19.74 10.85l.06-.11.08-.15.05-.16.04-.13c.04-.2.04-.4 0-.6 0-.05-.03-.09-.04-.13l-.05-.16-.08-.15-.06-.1a1.53 1.53 0 00-.2-.25L10.8.45c-.61-.6-1.61-.6-2.23 0a1.5 1.5 0 000 2.17l6.03 5.85H1.58C.71 8.47 0 9.15 0 10s.7 1.53 1.58 1.53H14.6l-6.03 5.85a1.5 1.5 0 000 2.17c.3.3.71.45 1.12.45.4 0 .8-.15 1.11-.45l8.74-8.47.2-.23"/> <path fill={color} d="M19.74 10.85l.06-.11.08-.15.05-.16.04-.13c.04-.2.04-.4 0-.6 0-.05-.03-.09-.04-.13l-.05-.16-.08-.15-.06-.1a1.53 1.53 0 00-.2-.25L10.8.45c-.61-.6-1.61-.6-2.23 0a1.5 1.5 0 000 2.17l6.03 5.85H1.58C.71 8.47 0 9.15 0 10s.7 1.53 1.58 1.53H14.6l-6.03 5.85a1.5 1.5 0 000 2.17c.3.3.71.45 1.12.45.4 0 .8-.15 1.11-.45l8.74-8.47.2-.23"/>
{/if} {/if}
</svg> </svg>

2
src/atoms/IconCross.svelte
View File

@@ -4,6 +4,6 @@
export let hidden = undefined export let hidden = undefined
</script> </script>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17" {width} fill={color} class={$$props.class} aria-hidden={hidden}> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 17" {width} fill={color} class={$$props.class} aria-hidden={hidden}>
<path fill-rule="nonzero" d="M16.63.37c.47.47.5 1.2.09 1.7l-.09.1-6.32 6.33 6.32 6.32a1.28 1.28 0 01-1.7 1.9l-.1-.09-6.33-6.32-6.32 6.32a1.28 1.28 0 01-1.9-1.7l.09-.1L6.69 8.5.37 2.18a1.28 1.28 0 011.7-1.9l.1.09L8.5 6.69 14.82.37c.5-.5 1.31-.5 1.81 0z"/> <path fill-rule="nonzero" d="M16.63.37c.47.47.5 1.2.09 1.7l-.09.1-6.32 6.33 6.32 6.32a1.28 1.28 0 01-1.7 1.9l-.1-.09-6.33-6.32-6.32 6.32a1.28 1.28 0 01-1.9-1.7l.09-.1L6.69 8.5.37 2.18a1.28 1.28 0 011.7-1.9l.1.09L8.5 6.69 14.82.37c.5-.5 1.31-.5 1.81 0z"/>
</svg> </svg>

2
src/atoms/IconGlobe.svelte
View File

@@ -12,7 +12,7 @@
const randomId = randomString(6, 'A') const randomId = randomString(6, 'A')
</script> </script>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
width={width} viewBox="0 0 56 75" width={width} viewBox="0 0 56 75"
fill={color} fill={color}
class="icon-svg icon-globe" class:is-animated={animated} class="icon-svg icon-globe" class:is-animated={animated}

2
src/atoms/IconGlobeSmall.svelte
View File

@@ -12,7 +12,7 @@
const randomId = randomString(6, 'A') const randomId = randomString(6, 'A')
</script> </script>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
width={width} viewBox="0 0 56 56" width={width} viewBox="0 0 56 56"
fill={color} fill={color}
class="icon-svg icon-globe icon-globe--small" class:is-animated={animated} class="icon-svg icon-globe icon-globe--small" class:is-animated={animated}

2
src/atoms/IconZoomOut.svelte
View File

@@ -4,6 +4,6 @@
export let hidden = undefined export let hidden = undefined
</script> </script>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" {width} fill={color} class={$$props.class} aria-hidden={hidden}> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 19 18" {width} fill={color} class={$$props.class} aria-hidden={hidden}>
<path fill-rule="evenodd" d="M8.36 0a7.76 7.76 0 016.02 12.63l3.99 3.99a.81.81 0 11-1.15 1.14l-3.99-3.99A7.76 7.76 0 118.35 0zm0 1.62a6.14 6.14 0 10.01 12.28 6.14 6.14 0 00-.01-12.28zm2.38 5.32a.81.81 0 110 1.62H5.98a.81.81 0 110-1.62z"/> <path fill-rule="evenodd" d="M8.36 0a7.76 7.76 0 016.02 12.63l3.99 3.99a.81.81 0 11-1.15 1.14l-3.99-3.99A7.76 7.76 0 118.35 0zm0 1.62a6.14 6.14 0 10.01 12.28 6.14 6.14 0 00-.01-12.28zm2.38 5.32a.81.81 0 110 1.62H5.98a.81.81 0 110-1.62z"/>
</svg> </svg>

4
src/atoms/ToggleLayout.svelte
View File

@@ -63,7 +63,7 @@
<div class="toggle" role="switch" aria-checked="true" bind:this={toggleEl}> <div class="toggle" role="switch" aria-checked="true" bind:this={toggleEl}>
<button data-layout="list" class:active={layoutSetting === 'list'} on:click={toggleLayout}> <button data-layout="list" class:active={layoutSetting === 'list'} on:click={toggleLayout}>
<svg xmlns="http://www.w3.org/2000/svg" width="19" height="17" viewBox="0 0 19 17"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="19" height="17" viewBox="0 0 19 17">
<g class="anim"> <g class="anim">
<rect width="15" height="3"/> <rect width="15" height="3"/>
<rect width="15" height="3" x="4" y="7"/> <rect width="15" height="3" x="4" y="7"/>
@@ -74,7 +74,7 @@
</button> </button>
<button data-layout="grid" class:active={layoutSetting === 'grid'} on:click={toggleLayout}> <button data-layout="grid" class:active={layoutSetting === 'grid'} on:click={toggleLayout}>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="18" height="20" viewBox="0 0 18 20">
<g class="anim"> <g class="anim">
<rect width="7" height="7"/> <rect width="7" height="7"/>
<rect width="7" height="7" x="11" y="2"/> <rect width="7" height="7" x="11" y="2"/>

2
src/molecules/Switcher.svelte
View File

@@ -41,7 +41,7 @@
color={type.includes('side') ? '#333' : '#fff'} color={type.includes('side') ? '#333' : '#fff'}
width={type.includes('side') ? 18 : 24} width={type.includes('side') ? 18 : 24}
/> />
<svg> <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="50%" cy="50%" r="{type.includes('side') ? 24 : radius}px"></circle> <circle cx="50%" cy="50%" r="{type.includes('side') ? 24 : radius}px"></circle>
</svg> </svg>
</a> </a>

2
src/routes/location/[country]/[place].svelte
View File

@@ -125,7 +125,7 @@
<IconGlobe width="44" color="#fff" /> <IconGlobe width="44" color="#fff" />
<span>Change</span> <span>Change</span>
</span> </span>
<svg> <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="50%" cy="50%" r="43%" /> <circle cx="50%" cy="50%" r="43%" />
</svg> </svg>
</a> </a>

2
src/routes/viewer/[country]/[place]/[photo].svelte
View File

@@ -108,7 +108,7 @@
<div class="viewer__buttons"> <div class="viewer__buttons">
<a href="/choose" class="button-control button-control--dashed" aria-label="Change the location" rel="prefetch"> <a href="/choose" class="button-control button-control--dashed" aria-label="Change the location" rel="prefetch">
<IconGlobe color="#fff" width={windowWidth >= 768 ? 22 : 18} /> <IconGlobe color="#fff" width={windowWidth >= 768 ? 22 : 18} />
<svg> <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="50%" cy="50%" r="{windowWidth >= 768 ? 32 : 24}px"></circle> <circle cx="50%" cy="50%" r="{windowWidth >= 768 ? 32 : 24}px"></circle>
</svg> </svg>
</a> </a>