Anmeldepage

Page Mobile weiter

src/App.js

@@ -12,12 +12,13 @@ import img_alaturca from "./alaturca.jpg";
 import Eingabefeld from "./Components/eingabefeld";
 import "../node_modules/font-awesome/css/font-awesome.min.css";
 import Liste from "./Components/liste";
-import Listenansicht from "./Pages/listenansicht";
+import Anmeldefeld from "./Pages/anmeldepage";
+import Anmeldepage from "./Pages/anmeldepage";
 
 function App() {
   return (
     <div className="App">
-      <Listenansicht></Listenansicht>
+      <Anmeldepage></Anmeldepage>
     </div>
   );
 }

src/Components/eingabefeld.jsx

@@ -4,14 +4,14 @@ function Eingabefeld(props) {
   const [usepollName, setPollName] = useState("");
   return (
     <div>
-      <label>{props.label}</label>
       <br />
       <input
         className="form-control
         border-radius: 5px
         block
-        w-220
+        w-full
         h-35
+        p-5
         px-3
         py-1.5
         text-base

src/Pages/anmeldepage.jsx

@@ -1,10 +1,22 @@
 import React, { useState } from "react";
-import bild from "../paparoy_liste.png";
+import Eingabefeld from "../Components/eingabefeld";
+import bild from "../pizza_logo_dark.png";
 
 function Anmeldepage(props) {
   return (
-    <div class="sm:  grid grid-cols-1 items-center">
-      <img class="w-50 h-50 col-start-1 col-end-1" src={props.bild || bild} alt="Logo"></img>
+    <div class="sm: m-2">
+      <div class="sm:  grid grid-cols-5 items-center">
+        <img
+          class="sm:w-60 h-45 p-5 grid col-span-3 col-start-2 place-content-center"
+          src={props.bild || bild}
+          alt="Logo"></img>
+      </div>
+      <br></br>
+      <label class="font-medium leading-tight text-3xl mt-0 mb-2">Anmelden</label>
+      <br></br>
+      <label class="absolute left-0">E-Mail:</label>
+      <Eingabefeld isPassword={false}></Eingabefeld>
     </div>
   );
 }
+export default Anmeldepage;