nice

src/pages/login/login.tsx

@@ -41,52 +41,55 @@ const Login = () => {
   };
 
   return (
-    <div className="login-right-div">
-      <h2
-        style={{
-          display: "flex"
-        }}
-      >
-        Login
-      </h2>
-      <form onSubmit={handleSubmit}
-        style={{
-          flexDirection: "column",
-          display: "flex",
-          gap: "10px",
-          alignItems: "center",
-        }}
-        noValidate
-      >
-        <FormField
-          type="text"
-          placeholder="Username"
-          value={username}
-          onChange={(e) => setUsername(e.target.value)}
-          required
-          showError={usernameEmpty}
-          errorMessage="Please enter your username"
-          className="test1"
-          />
-        <FormField
-          type="password"
-          placeholder="Password"
-          value={password}
-          onChange={(e) => setPassword(e.target.value)}
-          required
-          showError={passwordEmpty}
-          errorMessage="Please enter your password"
-          className="test2"
-          />
-        <button type="submit"
-          style={{
-            display: "flex",
-            marginTop: "10px"
-          }}
-        >
-          Login
-        </button>
-      </form>
+    <div className="login">
+      <div className="login-left">
+        <video className='videoTag' autoPlay loop muted>
+          <source src={"./test.mp4"} type='video/mp4' />
+        </video>
+      </div>
+      <div className="login-right">
+        <div className="login-block">
+          <h2>
+            Login
+          </h2>
+          <form onSubmit={handleSubmit}
+            style={{
+              flexDirection: "column",
+              display: "flex",
+              gap: "10px",
+              alignItems: "center",
+            }}
+            noValidate
+          >
+            <FormField
+              type="text"
+              placeholder="Username"
+              value={username}
+              onChange={(e) => setUsername(e.target.value)}
+              required
+              showError={usernameEmpty}
+              errorMessage="Please enter your username"
+              />
+            <FormField
+              type="password"
+              placeholder="Password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              required
+              showError={passwordEmpty}
+              errorMessage="Please enter your password"
+              />
+            <button type="submit"
+              style={{
+                display: "flex",
+                marginTop: "10px"
+              }}
+            >
+              Login
+            </button>
+          </form>
+        </div>
+      </div>
     </div>
   );
 };