color borders

Author: bryanlundberg

src/components/solves/ModalSolve.tsx

@@ -73,7 +73,7 @@ export default function ModalSolve() {
         }}
       >
         <div className="w-full h-auto text-xs border rounded-md sm:w-96 bg-neutral-200 border-neutral-800 ">
-          <div className="flex items-center justify-between p-3 border-b border-zinc-800">
+          <div className="flex items-center justify-between p-3 border-b border-neutral-400">
             <div className="flex items-center text-lg font-bold">
               {formatTime(solve.time)}
               <span className="text-xs text-red-500">
@@ -93,7 +93,7 @@ export default function ModalSolve() {
               </div>
             </div>
           </div>
-          <div className="flex flex-col items-center justify-between p-3 font-medium border-b border-zinc-800 text-md">
+          <div className="flex flex-col items-center justify-between p-3 font-medium border-b border-neutral-400 text-md">
             <div className="text-md">{solve.scramble}</div>
             <ScrambleDisplay
               className="w-full h-32 my-3"
@@ -103,11 +103,11 @@ export default function ModalSolve() {
             ></ScrambleDisplay>
           </div>
 
-          <div className="relative flex items-center justify-center gap-3 p-3 border-b light border-zinc-800">
+          <div className="flex items-center justify-center gap-3 p-3 border-b light border-zinc-800">
             {!isAllSolve() && (
               <button
                 type="button"
-                className="absolute flex items-center justify-center w-12 h-8 p-1 transition duration-500 border rounded-md left-3 top-3 hover:text-neutral-800 bg-neutral-300 hover:border-zinc-400 border-zinc-600"
+                className="flex items-center justify-center w-12 h-8 p-1 transition duration-500 border rounded-md left-3 top-3 hover:text-neutral-800 bg-neutral-300 hover:border-zinc-400 border-zinc-600"
                 onClick={() => handleMove()}
               >
                 <svg