Header big

This commit is contained in:
BettinaHallinger
2022-04-20 12:16:01 +02:00
parent a36bd54a0d
commit 007249143a
9 changed files with 105 additions and 3 deletions
+7 -2
View File
@@ -1,13 +1,18 @@
import React from "react";
import bild from "../paparoy.jpg";
import ButtonPrimary from "./buttonPrimary";
import Ueberschrift2 from "./ueberschrift2";
function Card(props) {
return (
<div class="w-full rounded-xl overflow-hidden shadow-lg bg-gray1 ">
<img class="w-full max-h-60 object-fill" src={props.bild || bild} alt="Papa Roy"></img>
<div class="h-60">
<img class="w-full h-full object-cover" src={props.bild || bild} alt="Papa Roy"></img>
</div>
<div class="px-6 py-4 flex justify-between">
<div class="font-bold text-xl flex justify-start m-3">{props.name || "Restaurant"}</div>
<div class="font-bold text-xl flex justify-start m-3">
<Ueberschrift2 name={props.name} />
</div>
<ButtonPrimary name="Speisekarte" />
</div>
</div>