Make docs more responsive

This commit is contained in:
Braydon 2024-04-21 13:31:12 -04:00
parent 75fabe648e
commit 8f6f5094bc

@ -40,7 +40,7 @@ const ContentPage = ({ params }: PageProps): ReactElement => {
return ( return (
<main className="px-7 flex flex-col gap-2"> <main className="px-7 flex flex-col gap-2">
{/* Header */} {/* Header */}
<div className="flex justify-between items-center"> <div className="flex justify-between items-center gap-10">
<div className="flex flex-col gap-3"> <div className="flex flex-col gap-3">
{/* Breadcrumb */} {/* Breadcrumb */}
<Breadcrumb> <Breadcrumb>
@ -81,6 +81,7 @@ const ContentPage = ({ params }: PageProps): ReactElement => {
{/* View on Git */} {/* View on Git */}
<Link <Link
className="hover:opacity-85 transition-all transform-gpu"
href={`https://git.rainnny.club/Rainnny/RESTfulMC/src/branch/master/Frontend/docs/${content.slug}${content.extension}`} href={`https://git.rainnny.club/Rainnny/RESTfulMC/src/branch/master/Frontend/docs/${content.slug}${content.extension}`}
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"