Fix clipped in the bottom heading text on mobile devices. Also correct spacing in between of children elements.

This commit is contained in:
Dorian Niemiec 2024-07-29 22:57:35 +02:00
parent 8949594090
commit 046911d82e
8 changed files with 17 additions and 17 deletions

View file

@ -72,8 +72,8 @@ const Page = ({ params }: { params: { slug: string } }) => {
return (
<>
<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col">
<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
<section className="wrapper container py-24 md:py-28 gap-2 flex flex-col">
<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
{page.title}
</h1>
<ReactMarkdown className="prose max-w-full md:prose-lg dark:prose-invert">

View file

@ -52,9 +52,9 @@ const LogsPage: React.FC = () => {
return (
<section
id="logs"
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
>
<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
Server LOGS
</h1>
<p className="md:text-lg text-muted-foreground text-start mb-4">
@ -65,7 +65,7 @@ const LogsPage: React.FC = () => {
{reversedDownloads.map((download) => (
<div
key={download._id}
className="flex-start prose max-w-full md:prose-lg dark:prose-invert flex-col"
className="flex-start prose max-w-full md:prose-lg dark:prose-invert flex-col mb-4"
>
<h2 className="font-bold text-3xl">{download.version}</h2>
<span className="font-medium italic">{download.date}</span>

View file

@ -10,9 +10,9 @@ const Contribute = () => {
return (
<section
id="tos"
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
>
<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
Contributing to SVR.JS
</h1>
<p className="md:text-lg text-muted-foreground text-start mb-4">

View file

@ -56,9 +56,9 @@ const DownloadPage: React.FC = () => {
return (
<section
id="download"
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
>
<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
Downloads
</h1>
<p className="md:text-lg text-muted-foreground text-start mb-4">

View file

@ -56,9 +56,9 @@ const ModsPage: React.FC = () => {
return (
<section
id="mods"
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
>
<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
SvrJS Mods
</h1>
<p className="md:text-lg text-muted-foreground text-start mb-4">

View file

@ -12,9 +12,9 @@ const PrivacyPolicy = () => {
return (
<section
id="privacy-policy"
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
>
<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
Privacy Policy
</h1>
<p className="md:text-lg text-muted-foreground text-start mb-4">

View file

@ -10,9 +10,9 @@ const TermsOfService = () => {
return (
<section
id="tos"
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
>
<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
Terms and Conditions
</h1>
<p className="md:text-lg text-muted-foreground text-start mb-4">

View file

@ -10,9 +10,9 @@ const Vulnerabilities = () => {
return (
<section
id="tos"
className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
>
<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
SVR.JS Vulnerabilities
</h1>
<p className="md:text-lg text-muted-foreground text-start mb-4">