Change div to button for arrows

2022-03-28 19:28:15 +02:00
parent 715b2d3174
commit 573c2b0779
1 changed files with 3 additions and 3 deletions
--- a/src/components/Arrow/Arrow.svelte
+++ b/src/components/Arrow/Arrow.svelte
@@ -12,7 +12,7 @@
  export let disabled = false
 </script>

-<div
+<button
  class="sc-carousel-arrow__circle"
  class:sc-carousel-arrow__circle_disabled={disabled}
  on:click
@@ -22,7 +22,7 @@
    class:sc-carousel-arrow__arrow-next={direction === NEXT}
    class:sc-carousel-arrow__arrow-prev={direction === PREV}
  ></i>
-</div>
+</button>

 <style>
  :root {
@@ -61,4 +61,4 @@
  .sc-carousel-arrow__circle_disabled:hover {
    opacity: 0.5;
  }
-</style>
+</style>