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

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
+6 -1
View File
@@ -1,7 +1,12 @@
import React from "react"; import React from "react";
function ButtonPrimary(props) { 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
+6 -1
View File
@@ -1,7 +1,12 @@
import React from "react"; import React from "react";
function ButtonSecondary(props) { 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
+8 -6
View File
@@ -1,15 +1,17 @@
import React from "react"; import React from "react";
import bild from '../paparoy.jpg'; import bild from "../paparoy.jpg";
import ButtonPrimary from "./buttonPrimary"; import ButtonPrimary from "./buttonPrimary";
function Card(props) { function Card(props) {
return (<div class="w-full rounded-xl overflow-hidden shadow-lg bg-gray1 "> return (
<img class="w-full max-h-60 object-fill" src={props.bild || bild } alt="Papa Roy"></img> <div class="w-full rounded-xl overflow-hidden shadow-lg bg-gray1 ">
<div class="px-6 py-4 flex justify-between"> <img class="w-full max-h-60 object-fill" src={props.bild || bild} alt="Papa Roy"></img>
<div class="font-bold text-xl flex justify-start m-3">{props.name || "Restaurant"}</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>
<ButtonPrimary name="Speisekarte" /> <ButtonPrimary name="Speisekarte" />
</div>
</div> </div>
</div>); );
} }
export default Card; export default Card;
src/Components/header_1.jsx
+12 -10
View File
@@ -1,17 +1,19 @@
import React from "react"; import React from "react";
import p_logo_dark from '../pizza_logo_dark.png' import p_logo_dark from "../pizza_logo_dark.png";
import p_logo_light from '../pizza_logo_light.png' import p_logo_light from "../pizza_logo_light.png";
import ButtonSecondary from "./buttonSecondary"; import ButtonSecondary from "./buttonSecondary";
import ShoppingCart from '../shopping_cart.svg'; import ShoppingCart from "../shopping_cart.svg";
function Header1() { function Header1() {
return <div class="bg-primary h-14 w-full p-2 flex justify-between items-center"> return (
<img src={p_logo_light} alt="Logo" class="h-10"></img> <div class="bg-primary h-14 w-full p-2 flex justify-between items-center">
<div class="flex justify-center"> <img src={p_logo_light} alt="Logo" class="h-10"></img>
<ButtonSecondary name="Abmelden" /> <div class="flex justify-center">
<img src={ShoppingCart}></img> <ButtonSecondary name="Abmelden" />
</div> <img src={ShoppingCart}></img>
</div> </div>
</div>
);
} }
export default Header1; export default Header1;