css Header2 Footer2 weg

src/components/Dog.css

@@ -1,11 +0,0 @@
-.Dog  
-.Content
-{
-    font-weight: bold;
-    margin: 5px;
-}
-
-.text
-{
-    margin: 5px;
-}

src/components/Dog.tsx

@@ -3,7 +3,6 @@ import { ReactNode } from 'react'
 import { useParams } from "react-router-dom";
 import Img from './Img';
 import DogNameTxt from './DogNameTxt';
-import './Dog.css';
 import {getDog} from '../services/PhpApi'
 import useSWR from 'swr';
 

src/components/DogNameTxt.tsx

@@ -6,14 +6,14 @@ export default function DogNameTxt(
     {name: string, email: string, phone: string, qr_id: string}) {
   return (
     <div>
-      <p className='text'>Hallo ich bin 
+      <p className='m-1'>Hallo ich bin 
-        <p className='Content'>{name}!</p>
+        <p className='m-1 font-bold'>{name}!</p>
       </p>
         <DogContactForm toEmail={email} name={name} qr_id={qr_id} />
-      <p className='text'>
+      <p className='m-1'>
         oder ruf 
         <div className='neben'>
-          <div className='Content'>{phone}</div> 
+          <div className='m-1 font-bold'>{phone}</div> 
           an,
         </div> 
         damit ich schnell wieder Heim komme.

src/components/Footer2.tsx

@@ -1,10 +0,0 @@
-import { Link } from 'react-router-dom';
-import './Footer.css';
-
-function Footer2() {
-  return (
-    <div className="noprint"><Link to={'./Impressum'}>Impressum</Link></div>
-  );
-}
-
-export default Footer2;

src/components/Header.css

@@ -1,6 +0,0 @@
-.logout
-{
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-end;
-}

src/components/Header2.tsx

@@ -1,25 +0,0 @@
-import './Header.css';
-import '../App.css';
-import './InputForm.css';
-import {logOut} from '../services/PhpApi'
-import { notificationSuccess } from '../services/Notifications';
-
-
-function Header2() 
-{
-    const logOutForm = () =>
-    {
-        logOut();
-        notificationSuccess("logged out!");
-    
-        window.location.href = '/dog/';
-    }
-        
-    return (
-    <div className='logout InputForm'>
-        <button onClick={logOutForm}>Logout</button>
-    </div>
-  );
-}
-
-export default Header2;

src/components/Home.tsx

@@ -1,14 +0,0 @@
-// import React, { useContext } from 'react'
-// import { UserCtx, UserCtxT } from '../context/UserContext';
-
-export default function Home() {
-//   const {user} = useContext<UserCtxT | null>(UserCtx) as UserCtxT;
-//   return (
-//     <div>
-//       <h1>Home</h1>
-//         <div>Logged in als:</div>
-//         <div>{user?.email}</div>
-      
-//     </div>
-//   )
-}

src/components/PasswordReset.tsx

@@ -4,6 +4,7 @@ import { passwordReset, getPwToken } from '../services/PhpApi';
 import useSWR from 'swr';
 import './InputForm.css';
 import { notificationError, notificationSuccess } from '../services/Notifications';
+import { PasswordInput } from '@mantine/core';
 
 export default function PasswordReset()
 {
@@ -25,13 +26,15 @@ export default function PasswordReset()
             ...formData,
             [e.currentTarget.name]:e.currentTarget.value
         })
+
+        //console.log(e.currentTarget.value);
     }
 
     if(!data.success)
     {
         return(
         <div >
-            <h2>Email nicht mehr gültig!</h2>
+            <h2>Link nicht mehr gültig!</h2>
         </div>
         )
     }
@@ -82,15 +85,25 @@ export default function PasswordReset()
             <div className='frameCenter'>
             <div className='frame'>
             <form onSubmit={submitForm}>
-                <div className='neben'>
+            <PasswordInput className='IF_pw'
-                    <label htmlFor="password1">Passwort: </label>
+                    sx = {{  maxWidth: '80vw', minWidth: '30vw', width: '300px' }}
-                    <input type="password" name="password1" onChange={onChangeInput} placeholder="Neues Passwort" id="password1" value={formData.password1} required />
+                    label = 'Passwort:'
-                </div> 
+                    name="password1" 
-                <div className='neben'>
+                    onChange={onChangeInput} 
-                    <label htmlFor="password2">Passwort wiederholen: </label>
+                    placeholder="Passwort" 
-                    <input type="password" name="password2" onChange={onChangeInput} placeholder="Neues Passwort wiederholen!" id="password2" value={formData.password2} required />
+                    id="password1" 
-                </div>
+                    value={formData.password1} 
-                <button type="submit" >Passwort </button>
+                    required/>
+            <PasswordInput className='IF_pw'
+                    sx = {{  maxWidth: '80vw', minWidth: '30vw', width: '300px' }}
+                    label = 'Passwort wiederholen:'
+                    name="password2" 
+                    onChange={onChangeInput} 
+                    placeholder="Passwort bestätigen" 
+                    id="password2" 
+                    value={formData.password2} 
+                    required/>
+                <button type="submit" >Passwort setzen!</button>
                 <div className="bottom-link"><Link to="/login">Login</Link></div>
             </form>
             </div>

src/components/Profil.css

@@ -1,4 +0,0 @@
-button.QRakt
-{
-    max-width: 80%;
-}

src/components/Profil.tsx

@@ -6,7 +6,6 @@ import {getProfilData, updateDog} from '../services/PhpApi';
 import CreateQr from '../services/CreateQr';
 import Img from './Img';
 import './InputForm.css';
-import './Profil.css';
 import { TextInput } from '@mantine/core';
 import { notificationError, notificationSuccess } from '../services/Notifications';