From 3b95f1e969eeb8cffc4c042c2790a4e36226fb04 Mon Sep 17 00:00:00 2001
From: Anton Zhuravlev <abramoff.job@gmail.com>
Date: Sun, 29 Oct 2023 01:23:09 +0300
Subject: [PATCH] add styles

---
 ui/src/lib/camera/camera.module.scss | 106 ++++++++++++++-------------
 ui/src/lib/camera/camera.tsx         |   5 +-
 2 files changed, 56 insertions(+), 55 deletions(-)

diff --git a/ui/src/lib/camera/camera.module.scss b/ui/src/lib/camera/camera.module.scss
index 74f2394..ec4dc73 100644
--- a/ui/src/lib/camera/camera.module.scss
+++ b/ui/src/lib/camera/camera.module.scss
@@ -1,64 +1,66 @@
 .container {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  flex: 1 1 auto;
-  padding: 20px;
-  background-color: var(--white);
-  border-radius: var(--border-large);
-}
-
-.select {
-  border: 1px solid var(--black);
-  border-radius: 15px;
-  display: flex;
-  align-items: center;
-  & div {
-    padding: 5px 15px;
     display: flex;
     flex-direction: column;
+    gap: 40px;
     align-items: flex-end;
-  }
+    flex: 1 1 auto;
+    padding: 20px;
+    background-color: var(--white);
+    border-radius: var(--border-large);
+}
 
-  & div:not(:first-child) {
-    flex-direction: row;
-    gap: 5px;
+.select {
+    border: 1px solid var(--black);
+    border-radius: 15px;
+    display: flex;
     align-items: center;
-  }
 
-  & .date {
-    color: var(--green);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 300;
-    line-height: normal;
-  }
+    & div {
+        padding: 5px 15px;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+    }
+
+    & div:not(:first-child) {
+        flex-direction: row;
+        gap: 5px;
+        align-items: center;
+    }
+
+    & .date {
+        color: var(--green);
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 300;
+        line-height: normal;
+    }
 
-  & .time {
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 300;
-    line-height: normal;
-  }
+    & .time {
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 300;
+        line-height: normal;
+    }
 
-  & .line {
-    height: 100%;
-    width: 1px;
-    background-color: var(--black);
-  }
+    & .line {
+        height: 100%;
+        width: 1px;
+        background-color: var(--black);
+    }
 
-  & .name {
-    color: var(--green);
-    font-size: 20px;
-    font-style: normal;
-    font-weight: 300;
-    line-height: normal;
-  }
+    & .name {
+        color: var(--green);
+        font-size: 20px;
+        font-style: normal;
+        font-weight: 300;
+        line-height: normal;
+    }
 
-  & .number {
-    font-size: 24px;
-    font-style: normal;
-    font-weight: 300;
-    line-height: normal;
-  }
+    & .number {
+        font-size: 24px;
+        font-style: normal;
+        font-weight: 300;
+        line-height: normal;
+    }
 }
diff --git a/ui/src/lib/camera/camera.tsx b/ui/src/lib/camera/camera.tsx
index c5bb32e..9aeb223 100644
--- a/ui/src/lib/camera/camera.tsx
+++ b/ui/src/lib/camera/camera.tsx
@@ -1,6 +1,7 @@
 import cls from './camera.module.scss';
 import {useEffect, useState} from "react";
 import video from "../../../../apps/crud/assets/video/bitch lasagna.mp4"
+
 /* eslint-disable-next-line */
 export interface CameraProps {
 }
@@ -50,9 +51,7 @@ export function Camera(props: CameraProps) {
                     </svg>
                 </div>
             </div>
-            <div>
-                <video src={video} controls={true} autoPlay={true}/>
-            </div>
+            <video src={video} controls={true} autoPlay={true}/>
         </div>
     );
 }