Fix clipped in the bottom heading text on mobile devices. Also correct spacing in between of children elements.
This commit is contained in:
parent
8949594090
commit
046911d82e
8 changed files with 17 additions and 17 deletions
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue