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 (
|
||||
<>
|
||||
<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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue