improve(UX): remove user-select in the testimonials section

added `grab cursor` and grabbing cursor, and `pointer cursor` to the indicator
Deri-Kurniawan · Nov 29, 2024 · 140ce1b · 140ce1b · vercel · Nov 29, 2024
1 parent f532e63
commit 140ce1b
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/sections/testimonials-section/testimonials-section.module.css b/src/components/sections/testimonials-section/testimonials-section.module.css
@@ -27,6 +27,12 @@
   display: flex;
   flex-direction: row;
   gap: 20px;
+  user-select: none;
+  cursor: grab;
+}
+
+.testimonials-section__list:active {
+  cursor: grabbing;
 }
 
 .testimonials-section__list::-webkit-scrollbar {
@@ -117,6 +123,7 @@
   width: 14px;
   height: 14px;
   fill: hsl(var(--color-tertiary));
+  cursor: pointer;
 }
 
 .testimonials-section__indicator--active {