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

Add style to Photo Viewer page

Browse Source
This commit is contained in:
Shelby Kay
2021-10-19 12:22:04 +02:00
parent 1aaa12f435
commit ab9b0e1a59
8 changed files with 221 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/atoms/IconArrow.svelte
View File

@@ -1,8 +1,8 @@
<script lang="ts">
export let color: string = undefined
export let flip: boolean = false
</script>
<svg class="arrow arrow--{color}" width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="arrow arrow--{color}" class:arrow--flip={flip} width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.67961 11.8224C4.34487 12.1571 4.34487 12.6999 4.67961 13.0346C5.01434 13.3693 5.55705 13.3693 5.89179 13.0346L11.3204 7.60602C11.6551 7.27129 11.6551 6.72857 11.3204 6.39384L5.89179 0.965267C5.55705 0.630532 5.01434 0.630532 4.67961 0.965267C4.34487 1.3 4.34487 1.84271 4.67961 2.17745L8.64494 6.14279L1.2857 6.14279C0.812311 6.14279 0.428555 6.52654 0.428555 6.99993C0.428555 7.47332 0.812311 7.85707 1.2857 7.85707L8.64494 7.85707L4.67961 11.8224Z" fill="#000"/>
</svg>