aussehen rahmen

src/components/Login.tsx

@@ -70,13 +70,14 @@ const Login = () =>
         <div className='InputForm'>
             <Toaster toastOptions={{ position: "top-center" }} />
             <h2>Login</h2>
-
+            <div className='frameCenter'>
+            <div className='frame'>
             <form onSubmit={submitForm}>
-                <div>
+                <div className='neben'>
                     <label htmlFor="email">Email:</label>
                     <input type="email" name="email" onChange={onChangeInput} placeholder="Your email" id="email" value={formData.email} required />
                 </div>
-                <div>
+                <div className='neben'>
                     <label htmlFor="password">Password:</label>
                     <input type="password" name="password" onChange={onChangeInput} placeholder="New password" id="password" value={formData.password} required />
                 </div>
@@ -84,6 +85,8 @@ const Login = () =>
                 <div className="bottom-link"><Link to="/reg">Register</Link></div>
                 <div className="bottom-link"><Link to="/wantnewpw">Passwort vergessen</Link></div>
             </form>
+            </div>
+            </div>
         </div>
     )
 }