From ae34c48ae2ea82992fbeb3b857a1b27501faf614 Mon Sep 17 00:00:00 2001
From: Motouom Victoire <motouomvictor@gmail.com>
Date: Thu, 18 Apr 2024 16:56:51 +0100
Subject: [PATCH] Update(front-end): Disabled wheel on number input using css.

---
 power-pay-frontend/src/index.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/power-pay-frontend/src/index.css b/power-pay-frontend/src/index.css
index c821036..eeb8410 100644
--- a/power-pay-frontend/src/index.css
+++ b/power-pay-frontend/src/index.css
@@ -22,6 +22,7 @@ a:hover {
 }
 
 body {
+  background-color: white;
   margin: 0;
   display: flex;
   place-items: center;
@@ -64,4 +65,17 @@ button:focus-visible {
   button {
     background-color: #f9f9f9;
   }
+}
+
+/* disable wheel on number input */
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+input[type=number] {
+  appearance: textfield;
 }
\ No newline at end of file