svrjs/svrjs-nextjs-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/(root)/changelogs/[slug]/page.tsx
View file

@ -72,8 +72,8 @@ const Page = ({ params }: { params: { slug: string } }) => {
return ( return (
<> <>
<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col"> <section 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">
{page.title} {page.title}
</h1> </h1>
<ReactMarkdown className="prose max-w-full md:prose-lg dark:prose-invert"> <ReactMarkdown className="prose max-w-full md:prose-lg dark:prose-invert">

6
app/(root)/changelogs/page.tsx
View file

@ -52,9 +52,9 @@ const LogsPage: React.FC = () => {
return ( return (
<section <section
id="logs" 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 Server LOGS
</h1> </h1>
<p className="md:text-lg text-muted-foreground text-start mb-4"> <p className="md:text-lg text-muted-foreground text-start mb-4">
@ -65,7 +65,7 @@ const LogsPage: React.FC = () => {
{reversedDownloads.map((download) => ( {reversedDownloads.map((download) => (
<div <div
key={download._id} 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> <h2 className="font-bold text-3xl">{download.version}</h2>
<span className="font-medium italic">{download.date}</span> <span className="font-medium italic">{download.date}</span>

4
app/(root)/contribute/page.tsx
View file

@ -10,9 +10,9 @@ const Contribute = () => {
return ( return (
<section <section
id="tos" 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 Contributing to SVR.JS
</h1> </h1>
<p className="md:text-lg text-muted-foreground text-start mb-4"> <p className="md:text-lg text-muted-foreground text-start mb-4">

4
app/(root)/downloads/page.tsx
View file

@ -56,9 +56,9 @@ const DownloadPage: React.FC = () => {
return ( return (
<section <section
id="download" 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 Downloads
</h1> </h1>
<p className="md:text-lg text-muted-foreground text-start mb-4"> <p className="md:text-lg text-muted-foreground text-start mb-4">

4
app/(root)/mods/page.tsx
View file

@ -56,9 +56,9 @@ const ModsPage: React.FC = () => {
return ( return (
<section <section
id="mods" 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 SvrJS Mods
</h1> </h1>
<p className="md:text-lg text-muted-foreground text-start mb-4"> <p className="md:text-lg text-muted-foreground text-start mb-4">

4
app/(root)/privacy-policy/page.tsx
View file

@ -12,9 +12,9 @@ const PrivacyPolicy = () => {
return ( return (
<section <section
id="privacy-policy" 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 Privacy Policy
</h1> </h1>
<p className="md:text-lg text-muted-foreground text-start mb-4"> <p className="md:text-lg text-muted-foreground text-start mb-4">

4
app/(root)/tos/page.tsx
View file

@ -10,9 +10,9 @@ const TermsOfService = () => {
return ( return (
<section <section
id="tos" 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 Terms and Conditions
</h1> </h1>
<p className="md:text-lg text-muted-foreground text-start mb-4"> <p className="md:text-lg text-muted-foreground text-start mb-4">

4
app/(root)/vulnerabilities/page.tsx
View file

@ -10,9 +10,9 @@ const Vulnerabilities = () => {
return ( return (
<section <section
id="tos" 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 SVR.JS Vulnerabilities
</h1> </h1>
<p className="md:text-lg text-muted-foreground text-start mb-4"> <p className="md:text-lg text-muted-foreground text-start mb-4">