From e63e7888ad81bae02fda8f57b968eb96c8fad154 Mon Sep 17 00:00:00 2001
From: Manuel Prodinger <manuel.prodinger@htl-saalfelden.at>
Date: Wed, 13 Apr 2022 09:16:05 +0200
Subject: [PATCH] finish list component

finish list component
---
 src/App.js               | 2 +-
 src/Components/liste.jsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.js b/src/App.js
index b63a54a..4570b83 100644
--- a/src/App.js
+++ b/src/App.js
@@ -8,7 +8,7 @@ function App() {
       <Eingabefeld label="Name" isPassword={false} placeholder="&#xf007;" />
       <p className="from-green-50">tets</p>
       <br></br>
-      <Liste gericht="Pizza" price="€20.00" />
+      <Liste gericht="Pizza" price="€20.00" isColor={true} />
     </div>
   );
 }
diff --git a/src/Components/liste.jsx b/src/Components/liste.jsx
index e7445f5..a42c4dc 100644
--- a/src/Components/liste.jsx
+++ b/src/Components/liste.jsx
@@ -5,10 +5,10 @@ function Liste(props) {
   var price = props.price;
 
   return (
-    <div class="grid grid-cols-3 gap-0">
-      <div>{gericht}</div>
-      <div class="place-content-end">{price}</div>
-      <div>
+    <div class={props.isColor ? "grid grid-cols-5 gap-0 bg-slate-200 p-4" : "grid grid-cols-4 gap-0 bg-white p-4"}>
+      <div class="col-start-1 col-end-1">{gericht}</div>
+      <div class="place-content-end col-start-4 col-end-4">{price}</div>
+      <div class="col-start-5 col-end-5 place-content-end">
         <button>enter</button>
       </div>
     </div>