public/svelte-carousel
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change div to button for arrows

Browse Source
This commit is contained in:
Myrdin
2022-03-28 19:28:15 +02:00
parent 715b2d3174
commit 573c2b0779
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Arrow/Arrow.svelte
View File

@@ -12,7 +12,7 @@
export let disabled = false export let disabled = false
</script> </script>
<div <button
class="sc-carousel-arrow__circle" class="sc-carousel-arrow__circle"
class:sc-carousel-arrow__circle_disabled={disabled} class:sc-carousel-arrow__circle_disabled={disabled}
on:click on:click
@@ -22,7 +22,7 @@
class:sc-carousel-arrow__arrow-next={direction === NEXT} class:sc-carousel-arrow__arrow-next={direction === NEXT}
class:sc-carousel-arrow__arrow-prev={direction === PREV} class:sc-carousel-arrow__arrow-prev={direction === PREV}
></i> ></i>
</div> </button>
<style> <style>
:root { :root {
@@ -61,4 +61,4 @@
.sc-carousel-arrow__circle_disabled:hover { .sc-carousel-arrow__circle_disabled:hover {
opacity: 0.5; opacity: 0.5;
} }
</style> </style>