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;
`;
const CardLink = styled(Link)`
export const CardLink = styled(Link)`
${CardStyle}
`;
const CardStyleWrap = styled.div`
export const CardStyleWrap = styled.div`
${CardStyle}
`;

View file

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