tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-04 23:17:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

make header configurable

Browse Source
This commit is contained in:
Thomas Ruoff
2020-10-09 00:10:56 +02:00
parent 5fde863577
commit 940dc3cf59
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/header.tsx
View File

@@ -1,9 +1,13 @@
import React from 'react' import React from 'react'
export default function Header() { export default function Header({
label = 'Pfadi Bussle Buchen',
}: {
label?: string
}) {
return ( return (
<div className="flex flex-row items-center p-3 my-3 text-white bg-gray-600 rounded-sm"> <div className="flex flex-row items-center p-3 my-3 text-white bg-gray-600 rounded-sm">
<h1 className="flex-grow text-3xl">Pfadi Bussle</h1> <h1 className="flex-grow text-3xl">{label}</h1>
<img src="/logo.webp" className="w-40 mx-3 object-contain object-top" /> <img src="/logo.webp" className="w-40 mx-3 object-contain object-top" />
</div> </div>
) )