Виправлення помилок.

Додан новий метод авторізації в застосунок.

web/lib/pages/auth/style.css

@@ -21,7 +21,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    height: 160px;
+    height: 200px;
     justify-content: center;
     width: 250px;
     padding: 10px 20px;
@@ -51,8 +51,60 @@
     height: 40px;
     margin: 20px 0 0 0;
 }
+
 #page-auth-form>div>button>span {
     font-size: var(--FontSize2);
     font-weight: 400;
     text-transform: uppercase;
+}
+
+.scanner-container {
+    position: relative;
+    width: 100%;
+    height: auto;
+    aspect-ratio: 1 / 1;
+    border-radius: 5px;
+    overflow: hidden;
+    background-color: var(--ColorThemes0);
+}
+
+#video {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.laser-box {
+    position: absolute;
+    top: 15%;
+    left: 15%;
+    width: 70%;
+    height: 70%;
+    border: 2px solid var(--PrimaryColor);
+    border-radius: 12px;
+    pointer-events: none;
+}
+
+.laser-line {
+    position: absolute;
+    width: 100%;
+    height: 2px;
+    background-color: var(--PrimaryColor);
+    /* box-shadow: 0 0 8px var(--PrimaryColor); */
+    top: 0;
+    animation: scan 2s linear infinite;
+}
+
+@keyframes scan {
+    0% {
+        top: 0%;
+    }
+
+    50% {
+        top: 100%;
+    }
+
+    100% {
+        top: 0%;
+    }
 }