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

use new Image component

Browse Source
This commit is contained in:
Thomas Ruoff
2020-10-29 21:11:47 +01:00
parent 7d40ffd1da
commit fdff4e5f7c
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/header.tsx
View File

@@ -1,11 +1,19 @@
import React from 'react' import React from 'react'
import Link from 'next/link' import Link from 'next/link'
import Image from 'next/image'
export default function Header({ label = 'Pfadi Bussle' }: { label?: string }) { export default function Header({ label = 'Pfadi Bussle' }: { 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"><Link href="/">{label}</Link></h1> <h1 className="mr-3 flex-grow text-3xl">
<img src="/logo.webp" className="w-40 mx-3 object-contain object-top" /> <Link href="/">{label}</Link>
</div> </h1>
) <Image
src="/logo.webp"
alt="Logo Freundeskreis VCP Rosenfeld"
width="160"
height="44"
/>
</div>
)
} }