Fix speedometer styles

cardano-scaling · Nov 28, 2024 · 973cb18 · 973cb18
1 parent dcb4615
commit 973cb18
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 33 deletions.
diff --git a/src/components/InitialView/InitialView.tsx b/src/components/InitialView/InitialView.tsx
@@ -120,7 +120,7 @@ const InitialView: FC<InitialViewProps> = ({ startGame }) => {
       <div className="flex flex-col gap-6 items-center mb-10">
         {renderButtons()}
       </div>
-      <div className="grid grid-cols-2 gap-56 w-full max-w-4xl">
+      <div className="grid grid-cols-2 gap-52 w-full max-w-5xl">
         <GlobalTotals />
         <GlobalTPS />
       </div>

diff --git a/src/components/Speedometer/Speedometer.tsx b/src/components/Speedometer/Speedometer.tsx
@@ -15,9 +15,9 @@ const Speedometer: FC<SpeedometerProps> = ({ maxSpeed, transactions }) => {
 
   return (
     <div className="w-max text-white">
-      <div className="relative mb-3">
+      <div className="relative mb-4">
         <div className="absolute -bottom-1 left-9">0</div>
-        <img src={speedometer} alt="Speedometer" className="w-72" />
+        <img src={speedometer} alt="Speedometer" className="w-[288px]" />
         <div
           className="speedometer-tick"
           style={{

diff --git a/src/index.css b/src/index.css
@@ -37,36 +37,6 @@
   }
 }
 
-.range-slider::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 24px;
-  height: 24px;
-  background: #d40018;
-  border-radius: 50%;
-  cursor: pointer;
-  margin-top: -11px;
-}
-
-.range-slider::-webkit-slider-runnable-track {
-  height: 2px;
-  background: #d1d5db;
-}
-
-.range-slider::-moz-range-thumb {
-  width: 24px;
-  height: 24px;
-  background: #d40018;
-  border: none;
-  border-radius: 50%;
-  cursor: pointer;
-}
-
-.range-slider::-moz-range-track {
-  height: 2px;
-  background: #d1d5db;
-}
-
 .speedometer-tick {
   position: absolute;
   bottom: -2px;