style: update carousel controls buttons

razonyang · Nov 22, 2022 · e38560d · e38560d
1 parent 333ffb6
commit e38560d
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/layouts/partials/carousel.html b/layouts/partials/carousel.html
@@ -25,14 +25,14 @@ <h5 class="mb-4 mb-lg-2">{{ .Title }}</h5>
             {{- end }}
             </div>
             <div class="carousel-controls position-absolute d-none d-lg-block">
-                <button class="btn btn-sm btn-outline-secondary p-1" type="button" data-bs-target="#carouselHome" data-bs-slide="prev">
-                    <span class="fas fa-chevron-down fa-2x" data-fa-transform="rotate-90" aria-hidden="true"></span>
+                <a role="button" data-bs-target="#carouselHome" data-bs-slide="prev">
+                    <span class="fas fa-chevron-circle-down fa-2x fa-fw text-secondary rounded rounded-circle" data-fa-transform="rotate-90" aria-hidden="true"></span>
                     <span class="visually-hidden">Previous</span>
-                </button>
-                <button class="btn btn-sm btn-outline-secondary p-1 ms-2" type="button" data-bs-target="#carouselHome" data-bs-slide="next">
-                    <span class="fas fa-chevron-down fa-2x" data-fa-transform="rotate-270" aria-hidden="true"></span>
+                </a>
+                <a role="button" data-bs-target="#carouselHome" data-bs-slide="next">
+                    <span class="fas fa-chevron-circle-down fa-2x fa-fw text-secondary rounded rounded-circle" data-fa-transform="rotate-270" aria-hidden="true"></span>
                     <span class="visually-hidden">Next</span>
-                </button>
+                </a>
             </div>
         </div>
     </div>