GithubOrgProjectPiza/frontend
1
0
Fork 0
mirror of https://github.com/GithubOrgProjectPiza/frontend.git synced 2026-09-04 08:36:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

finish list component

Browse Source 
finish list component
This commit is contained in:
Manuel Prodinger
2022-04-13 09:16:05 +02:00
parent 4bf29dba71
commit e63e7888ad
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.js
+1 -1
View File
@@ -8,7 +8,7 @@ function App() {
<Eingabefeld label="Name" isPassword={false} placeholder="&#xf007;" /> <Eingabefeld label="Name" isPassword={false} placeholder="&#xf007;" />
<p className="from-green-50">tets</p> <p className="from-green-50">tets</p>
<br></br> <br></br>
<Liste gericht="Pizza" price="€20.00" /> <Liste gericht="Pizza" price="€20.00" isColor={true} />
</div> </div>
); );
} }
src/Components/liste.jsx
+4 -4
View File
@@ -5,10 +5,10 @@ function Liste(props) {
var price = props.price; var price = props.price;
return ( return (
<div class="grid grid-cols-3 gap-0"> <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>{gericht}</div> <div class="col-start-1 col-end-1">{gericht}</div>
<div class="place-content-end">{price}</div> <div class="place-content-end col-start-4 col-end-4">{price}</div>
<div> <div class="col-start-5 col-end-5 place-content-end">
<button>enter</button> <button>enter</button>
</div> </div>
</div> </div>