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

remove crazy width restriction

Browse Source
This commit is contained in:
Thomas Ruoff
2020-12-24 00:05:23 +01:00
parent 2a5c9b8638
commit d4becfb1ff
2 changed files with 29 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
pages/index.tsx
View File

@@ -8,18 +8,18 @@ export default function Home() {
<> <>
<Header /> <Header />
<main className="main"> <main className="main">
<div className="mt-6 sm:text-center lg:text-left"> <div className="mt-6 sm:text-center">
<h1 className="text-xl tracking-tight font-extrabold text-gray-900 sm:text-2xl md:text-3xl"> <h1 className="text-xl tracking-tight font-extrabold text-gray-900 sm:text-2xl md:text-3xl">
<span className="block text-blue-800 xl:inline">Pfadi-Bussle</span>{' '} <span className="block text-blue-800 xl:inline">Pfadi-Bussle</span>{' '}
<span className="block xl:inline"> <span className="block xl:inline">
des Freundeskreis des VCP Rosenfeld e.V. des Freundeskreis des VCP Rosenfeld e.V.
</span> </span>
</h1> </h1>
<p className="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0"> <p className="mt-3 text-gray-500 sm:mt-5 sm:text-lg md:text-xl">
Für Lager, Vereinsausflüge, Urlaubsreisen, Umzüge, etc. kann man Für Lager, Vereinsausflüge, Urlaubsreisen, Umzüge, etc. kann man
unser Pfadi-Bussle mieten. unser Pfadi-Bussle mieten.
</p> </p>
<div className="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start"> <div className="mt-5 sm:mt-8 sm:flex sm:justify-center">
<div className="rounded-md shadow"> <div className="rounded-md shadow">
<Link href="/book"> <Link href="/book">
<a className="w-full flex items-center justify-center px-6 py-2 border border-transparent text-base font-medium rounded-md text-white bg-blue-800 hover:bg-blue-900 md:py-2 md:text-lg md:px-5"> <a className="w-full flex items-center justify-center px-6 py-2 border border-transparent text-base font-medium rounded-md text-white bg-blue-800 hover:bg-blue-900 md:py-2 md:text-lg md:px-5">
@@ -28,31 +28,32 @@ export default function Home() {
</Link> </Link>
</div> </div>
</div> </div>
</div> <p className="mt-3 text-gray-500 sm:mt-5 sm:text-lg md:text-xl">
<p className="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0"> Du hast weiter Fragen melde Dich gerne bei Thomas Ruoff per
Du hast weiter Fragen melde Dich gerne bei Thomas Ruoff per{' '} <br />
<a className="link" href="mailto:pfadibussle@mail.id0.link"> <a className="link" href="mailto:pfadibussle@mail.id0.link">
E-Mail E-Mail
</a> </a>
, Telefon{' '} , Telefon{' '}
<a className="link" href="tel:+4915121225362"> <a className="link" href="tel:+4915121225362">
0151 / 21225302 0151 / 21225302
</a>{' '} </a>{' '}
oder{' '} oder{' '}
<a <a
href="https://wa.me/4915121225362" href="https://wa.me/4915121225362"
className="inline-flex flex-row align-baseline" className="inline-flex flex-row align-baseline"
>
<svg
xmlns="http://www.w3.org/2000/svg"
className="fill-current h-3 inline hover:text-gray-700"
viewBox="0 0 738 741"
> >
<title>Whatsapp</title> <svg
<path d="M630 108A368 368 0 0052 551L0 741l195-51a368 368 0 00435-582M370 672c-55 0-108-14-155-42l-11-7-116 31 31-113-7-12A304 304 0 01370 62a303 303 0 01306 305c-1 169-137 305-306 305m168-228l-63-30c-8-3-15-4-21 5l-29 36c-5 6-10 7-20 2-9-5-38-14-73-46-28-24-46-54-51-63-6-9-1-14 4-19l13-16c5-5 7-9 10-15s1-12-1-16l-28-68c-8-18-15-16-21-16h-18c-6 0-16 2-24 11-9 9-32 31-32 77s33 88 37 94c5 7 65 99 157 139l52 19c22 7 42 6 58 4 18-3 54-22 62-44 8-21 8-40 5-43-2-4-8-6-17-11" /> xmlns="http://www.w3.org/2000/svg"
</svg> className="fill-current h-3 inline hover:text-gray-700"
</a> viewBox="0 0 738 741"
</p> >
<title>Whatsapp</title>
<path d="M630 108A368 368 0 0052 551L0 741l195-51a368 368 0 00435-582M370 672c-55 0-108-14-155-42l-11-7-116 31 31-113-7-12A304 304 0 01370 62a303 303 0 01306 305c-1 169-137 305-306 305m168-228l-63-30c-8-3-15-4-21 5l-29 36c-5 6-10 7-20 2-9-5-38-14-73-46-28-24-46-54-51-63-6-9-1-14 4-19l13-16c5-5 7-9 10-15s1-12-1-16l-28-68c-8-18-15-16-21-16h-18c-6 0-16 2-24 11-9 9-32 31-32 77s33 88 37 94c5 7 65 99 157 139l52 19c22 7 42 6 58 4 18-3 54-22 62-44 8-21 8-40 5-43-2-4-8-6-17-11" />
</svg>
</a>
</p>
</div>
</main> </main>
<Footer /> <Footer />
</> </>

8
styles/index.css
View File

@@ -9,16 +9,10 @@
/* Your own custom utilities */ /* Your own custom utilities */
.wrapper { .wrapper {
@apply mx-3 flex flex-col min-h-screen; @apply mx-3 flex flex-col min-h-screen sm:w-10/12 sm:m-auto;
min-width: 300px; min-width: 300px;
} }
@screen sm {
.wrapper {
@apply w-3/4 max-w-xl m-auto;
}
}
.main { .main {
@apply flex-grow; @apply flex-grow;
} }