Change Photo viewer controls and ButtonCircle

2021-11-21 22:41:35 +01:00
parent 9e6df85bf1
commit 8e56d58b30
4 changed files with 44 additions and 25 deletions
--- a/src/routes/[country]/[location]/[photo].svelte
+++ b/src/routes/[country]/[location]/[photo].svelte
@@ -182,10 +182,10 @@
                {/each}

                <div class="viewer-photo__controls">
-                    <ButtonCircle on:click={goToPrevious} disabled={!canGoNext}>
+                    <ButtonCircle class="shadow-box-dark" disabled={!canGoNext} clone={true} on:click={goToPrevious}>
                        <IconArrow color="pink" flip={true} />
                    </ButtonCircle>
-                    <ButtonCircle on:click={goToNext} disabled={!canGoPrev}>
+                    <ButtonCircle class="shadow-box-dark" disabled={!canGoPrev} clone={true} on:click={goToNext}>
                        <IconArrow color="pink" />
                    </ButtonCircle>
                </div>