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

style header

Browse Source
This commit is contained in:
Thomas Ruoff
2020-10-08 23:52:08 +02:00
parent 306a5729fa
commit 5fde863577
4 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/header.tsx
View File

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

6
pages/_app.tsx
View File

@@ -2,5 +2,9 @@ import React from 'react'
import '../styles/index.css' import '../styles/index.css'
export default function MyApp({ Component, pageProps }) { export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} /> return (
<div className="wrapper">
<Component {...pageProps} />
</div>
)
} }

4
pages/index.tsx
View File

@@ -6,7 +6,7 @@ import Wizard from '../components/wizard/index'
export default function Home() { export default function Home() {
return ( return (
<div className="wrapper"> <>
<Head> <Head>
<title>Pfadi Bussle Buchen</title> <title>Pfadi Bussle Buchen</title>
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
@@ -17,6 +17,6 @@ export default function Home() {
<Wizard /> <Wizard />
</main> </main>
<Footer /> <Footer />
</div> </>
) )
} }

BIN
public/logo.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB