fix Link components with anchor

This commit is contained in:
Thomas Ruoff
2022-12-22 22:48:46 +01:00
parent a3735160c9
commit e0fe762c80
7 changed files with 30 additions and 40 deletions

View File

@@ -66,8 +66,8 @@ function ShowBookingAdmin({ booking: bookingProp }: { booking: Booking }) {
>
Buchung Abweisen
</button>
<Link href={`${router.asPath}/bill`}>
<a className="btn btn-gray">Rechnung</a>
<Link href={`${router.asPath}/bill`} className="btn btn-gray">
Rechnung
</Link>
</div>
</>

View File

@@ -27,8 +27,8 @@ export default function ShowBookingStored({ booking }: { booking: Booking }) {
</p>
<p>
Den{' '}
<Link href={`/bookings/${booking.uuid}`}>
<a className="link underline">Link</a>
<Link href={`/bookings/${booking.uuid}`} className="link underline">
Link
</Link>{' '}
zur Buchung schicken wir Dir auch per E-Mail. Dort kann die Buchung auch
jederzeit storniert werden.

View File

@@ -19,20 +19,18 @@ export default function Home() {
dritte Sitzreihe können ausgebaut werden.
</p>
<p className="mt-3 text-gray-500 sm:mt-5 sm:text-lg md:text-xl">
<Link href="/prices">
<a className="underline hover:text-blue-700">Preise</a>
<Link href="/prices" className="underline hover:text-blue-700">
Preise
</Link>{' '}
und{' '}
<Link href="/terms">
<a className="underline hover:text-blue-700">Mietbedingungen</a>
<Link href="/terms" className="underline hover:text-blue-700">
Mietbedingungen
</Link>
</p>
<div className="mt-5 sm:mt-8 sm:flex sm:justify-center">
<div className="rounded-md shadow">
<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">
Zur Buchungsanfrage
</a>
<Link href="/book" 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">
Zur Buchungsanfrage
</Link>
</div>
</div>
@@ -53,17 +51,15 @@ export default function Home() {
0151 / 21225302
</a>{' '}
oder{' '}
<Link href="https://wa.me/4915121225362">
<a className="underline inline-flex flex-row items-baseline hover:text-blue-700">
<svg
xmlns="http://www.w3.org/2000/svg"
className="fill-current h-4 inline"
viewBox="0 0 738 741"
>
<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>
<Link href="https://wa.me/4915121225362" className="underline inline-flex flex-row items-baseline hover:text-blue-700">
<svg
xmlns="http://www.w3.org/2000/svg"
className="fill-current h-4 inline"
viewBox="0 0 738 741"
>
<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>
</Link>
</p>
</div>