add button css

resources/js/pages/Auth/ForgotPassword.tsx

@@ -32,7 +32,7 @@ const ForgotPassword = () => {
                    value={email}
                    onChange={event => setEmail(event.target.value)}
                    autoFocus>Email</Field>
-            <button type="submit" className="mt-5 bg-blue-700 w-full block text-white px-5 py-2 text-lg rounded">Valider</button>
+            <button type="submit" className="mt-5 btn-primary w-full block text-lg">Valider</button>
         </form>
     </div>
 }

resources/js/pages/Auth/Login.tsx

@@ -42,7 +42,7 @@ const Login = () => {
                        placeholder="******"
                        value={password}
                        onChange={event => setPassword(event.target.value)}>Mot de passe</Field>
-                <button type="submit" className="mt-5 bg-blue-700 w-full block text-white px-5 py-2 text-lg rounded">Valider</button>
+                <button type="submit" className="mt-5 btn-primary w-full block text-lg">Valider</button>
                 <Link to="/mot-de-passe-oubliee" className="mt-2 inline-block">Mot de passe oublié ?</Link>
             </form>
         </Card>

resources/js/pages/Auth/Profile.tsx

@@ -7,14 +7,16 @@ const Profile = () => {
     const {authUser, logout} = useAuthUser()
 
     return <PageLayout>
-        <h1 className="text-lg font-bold mb-5">Profile de l'utilisateur</h1>
+        <div className="flex justify-between">
+            <h1 className="text-lg font-bold mb-5">Profile de l'utilisateur</h1>
+            <div>
+                <button onClick={logout} className="btn-primary text-lg font-bold">Se déconnecter</button>
+            </div>
+        </div>
         <div>
             <div>Nom: <strong>{authUser?.name}</strong></div>
             <div>Email: <strong>{authUser?.email}</strong></div>
         </div>
-        <div>
-            <button onClick={logout} className="mt-5 bg-blue-700 text-white px-5 py-2 text-lg rounded">Se déconnecter</button>
-        </div>
         {/*<div>Update name & email</div>*/}
         {/*<div>Change password</div>*/}
         {/*<div>Delete Account</div>*/}

resources/js/pages/Auth/Register.tsx

@@ -47,7 +47,7 @@ const Register = () => {
                        value={password}
                        onChange={event => setPassword(event.target.value)}
                        autoFocus>Mot de passe</Field>
-                <button type="submit" className="mt-5 bg-blue-700 w-full block text-white px-5 py-2 text-lg rounded">Valider</button>
+                <button type="submit" className="mt-5 btn-primary w-full block text-lg">Valider</button>
             </form>
         </Card>
     </div>

resources/js/pages/Auth/Reset.tsx

@@ -46,7 +46,7 @@ const Reset = () => {
                    placeholder="******"
                    value={samePassword}
                    onChange={event => setSamePassword(event.target.value)}>Confirmation du mot de passe</Field>
-            <button type="submit" className="mt-5 bg-blue-700 w-full block text-white px-5 py-2 text-lg rounded">Valider</button>
+            <button type="submit" className="mt-5 btn-primary w-full block text-lg">Valider</button>
         </form>
     </div>
 }