fix: overlapping text on small screens

This commit is contained in:
Andreas Thomas 2023-03-28 20:41:31 +02:00
parent 3d33bd267e
commit 78c0131db4
No known key found for this signature in database
3 changed files with 6 additions and 8 deletions

View File

@ -2,7 +2,5 @@
import { Analytics as VercelAnalytics } from "@vercel/analytics/react";
export function Analytics() {
return (
<VercelAnalytics />
);
}
return <VercelAnalytics />;
}

View File

@ -4,7 +4,6 @@ import LocalFont from "@next/font/local";
import { Metadata } from "next";
import { Analytics } from "./components/analytics";
export const metadata: Metadata = {
title: {
default: "chronark.com",
@ -64,8 +63,9 @@ export default function RootLayout({
return (
<html lang="en" className={[inter.variable, calSans.variable].join(" ")}>
<body
className={`bg-black ${process.env.NODE_ENV === "development" ? "debug-screens" : undefined
}`}
className={`bg-black ${
process.env.NODE_ENV === "development" ? "debug-screens" : undefined
}`}
>
<Analytics />
{children}

View File

@ -65,7 +65,7 @@ export default function ProjectsPage() {
</p>
<div className="absolute bottom-4 md:bottom-8">
<Link
className="text-zinc-200 hover:text-zinc-50"
className="text-zinc-200 hover:text-zinc-50 hidden lg:block"
href={`/projects/${featured.slug}`}
>
Read more <span aria-hidden="true">&rarr;</span>