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

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() {
return (
<>
<h1 className="text-3xl">Pfadi Bussle Buchungsseite</h1>
</>
<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>
<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'
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() {
return (
<div className="wrapper">
<>
<Head>
<title>Pfadi Bussle Buchen</title>
<link rel="icon" href="/favicon.ico" />
@@ -17,6 +17,6 @@ export default function Home() {
<Wizard />
</main>
<Footer />
</div>
</>
)
}

BIN
public/logo.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB