integration styleGlass

src/components/form/form.jsx

@@ -11,7 +11,7 @@ function LoginForm({ className }) {
         getUser();
     }
     return (
-        <div className={className}>
+        <div className={`${className} ${"glassCard"}`}>
             <div className={styles.formgroup}>
                 <input type="email" id="email" value={email}  placeholder="Adresse mail" onChange={e => setEmail(e.target.value)} required/>
             </div>

src/index.css

@@ -38,7 +38,8 @@ body {
 
 
 .glassCard {
-  width: 240px;
+  width: 100%;
+  padding: 10px 20px 10px 20px;
   height: 360px;
   background: rgba(255, 255, 255, 0.5);
   backdrop-filter: blur(3px);