Added Hover support to Home page

This commit is contained in:
Neshura 2022-12-18 05:01:10 +01:00
parent 884d28a317
commit 08ac36c7fc
No known key found for this signature in database
GPG key ID: ACDF5B6EBECF6B0A
2 changed files with 15 additions and 15 deletions

View file

@ -49,11 +49,11 @@ const CardStyle = css`
height: 240px; height: 240px;
`; `;
const CardLink = styled(Link)` export const CardLink = styled(Link)`
${CardStyle} ${CardStyle}
`; `;
const CardStyleWrap = styled.div` export const CardStyleWrap = styled.div`
${CardStyle} ${CardStyle}
`; `;

View file

@ -1,6 +1,6 @@
import Head from 'next/head' import Head from 'next/head'
import Link from 'next/link'; import Link from 'next/link';
import { PageTitle, PageDescription, PageContentBox, PageCard } from '../components/styles/content'; import { PageTitle, PageDescription, PageContentBox, PageCard, CardLink } from '../components/styles/content';
export default function Home() { export default function Home() {
return ( return (
@ -18,26 +18,26 @@ export default function Home() {
Feel free to look around Feel free to look around
</PageDescription> </PageDescription>
<PageContentBox> <PageContentBox>
<PageCard key="about"> <CardLink key="about" href="/about">
<Link href="/about"> <PageCard>
<h2>About &rarr;</h2> <h2>About &rarr;</h2>
<p>Useless Info, don&apos;t bother</p> <p>Useless Info, don&apos;t bother</p>
</Link> </PageCard>
</PageCard> </CardLink>
<PageCard key="servers"> <CardLink key="servers" href="/games">
<Link href="/games"> <PageCard>
<h2>Games &rarr;</h2> <h2>Games &rarr;</h2>
<p>List of all available Servers</p> <p>List of all available Servers</p>
</Link> </PageCard>
</PageCard> </CardLink>
<PageCard key="services"> <CardLink key="services" href="/services">
<Link href="/services"> <PageCard>
<h2>Services &rarr;</h2> <h2>Services &rarr;</h2>
<p>List of available Services</p> <p>List of available Services</p>
</Link> </PageCard>
</PageCard> </CardLink>
</PageContentBox> </PageContentBox>
</> </>
) )