Optimize solver

Author: govizlora

src/__snapshots__/solver.test.ts.snap

@@ -15,21 +15,6 @@ const defaultOcrResult: {
 const parser = new UAParser()
 const deviceType = parser.getDevice()?.type
 
-// const matrix = [
-//   ["1c", "55", "ff", "bd", "e9"],
-//   ["bd", "1c", "e9", "ff", "e9"],
-//   ["55", "bd", "ff", "1c", "1c"],
-//   ["e9", "bd", "1c", "55", "55"],
-//   ["55", "e9", "bd", "55", "ff"]
-// ];
-
-// const targets = [
-//   ["e9", "55"],
-//   ["55", "bd", "e9"],
-//   ["ff", "1c", "bd", "e9"],
-//   ["55", "1c", "ff", "55"]
-// ];
-
 export default function App() {
   const OCRref = useRef<OCR>()
   const [ocrResult, setOcrResult] = useState(defaultOcrResult)
@@ -186,7 +171,7 @@ export default function App() {
           color: '#ff6060a0',
         }}
       >
-        <span style={{ marginRight: 4 }}>OPTICAL BREACHER MK.1 Rev 1.7</span>
+        <span style={{ marginRight: 4 }}>OPTICAL BREACHER MK.1 Rev 1.8</span>
         <a
           style={{ marginLeft: 'auto', color: 'inherit' }}
           href="https://github.com/govizlora/optical-breacher"

src/app.tsx

@@ -325,7 +325,7 @@ export function Camera({
         className="main"
         style={{
           margin: 'auto',
-          marginBottom: 24,
+          marginBottom: 16,
         }}
         onClick={() => {
           const canvas = document.createElement('canvas')

src/camera.tsx

@@ -70,16 +70,16 @@ a:link {
 }
 
 input {
-  background-color: #ff606040;
-  border: 1px solid #ff606080;
-  color: #ff6060;
+  background-color: #cfed5740;
+  border: 1px solid #cfed5780;
+  color: #cfed57;
   height: 16px;
   font-size: 1em;
 }
 
 input:focus {
   outline: unset;
-  border: 1px solid #ff6060;
+  border: 1px solid #cfed57;
 }
 
 .dropzone {