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

Fix formatting

Browse Source
This commit is contained in:
BettinaHallinger
2022-04-20 10:50:39 +02:00
parent e564858259
commit 8d813fba6c
4 changed files with 36 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/Components/buttonPrimary.jsx
+7 -2
View File
@@ -1,7 +1,12 @@
import React from "react";
function ButtonPrimary(props) {
return <button class="bg-primary hover:bg-primaryHover rounded-full h-9 w-32 text-white m-3"> {props.name || "Button"} </button>;
return (
<button class="bg-primary hover:bg-primaryHover rounded-full h-9 w-32 text-white m-3">
{" "}
{props.name || "Button"}{" "}
</button>
);
}
export default ButtonPrimary;
export default ButtonPrimary;
src/Components/buttonSecondary.jsx
+7 -2
View File
@@ -1,7 +1,12 @@
import React from "react";
function ButtonSecondary(props) {
return <button class="bg-secondary hover:bg-secondaryHover rounded-full h-9 w-32 text-white m-3"> {props.name || "Button"} </button>;
return (
<button class="bg-secondary hover:bg-secondaryHover rounded-full h-9 w-32 text-white m-3">
{" "}
{props.name || "Button"}{" "}
</button>
);
}
export default ButtonSecondary;
export default ButtonSecondary;
src/Components/card.jsx
+9 -7
View File
@@ -1,15 +1,17 @@
import React from "react";
import bild from '../paparoy.jpg';
import bild from "../paparoy.jpg";
import ButtonPrimary from "./buttonPrimary";
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="px-6 py-4 flex justify-between">
<div class="font-bold text-xl flex justify-start m-3">{props.name || "Restaurant"}</div>
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="px-6 py-4 flex justify-between">
<div class="font-bold text-xl flex justify-start m-3">{props.name || "Restaurant"}</div>
<ButtonPrimary name="Speisekarte" />
</div>
</div>
</div>);
);
}
export default Card;
export default Card;
src/Components/header_1.jsx
+13 -11
View File
@@ -1,17 +1,19 @@
import React from "react";
import p_logo_dark from '../pizza_logo_dark.png'
import p_logo_light from '../pizza_logo_light.png'
import p_logo_dark from "../pizza_logo_dark.png";
import p_logo_light from "../pizza_logo_light.png";
import ButtonSecondary from "./buttonSecondary";
import ShoppingCart from '../shopping_cart.svg';
import ShoppingCart from "../shopping_cart.svg";
function Header1() {
return <div class="bg-primary h-14 w-full p-2 flex justify-between items-center">
<img src={p_logo_light} alt="Logo" class="h-10"></img>
<div class="flex justify-center">
<ButtonSecondary name="Abmelden" />
<img src={ShoppingCart}></img>
</div>
</div>
return (
<div class="bg-primary h-14 w-full p-2 flex justify-between items-center">
<img src={p_logo_light} alt="Logo" class="h-10"></img>
<div class="flex justify-center">
<ButtonSecondary name="Abmelden" />
<img src={ShoppingCart}></img>
</div>
</div>
);
}
export default Header1;
export default Header1;