center gallery and add padding to nav

This commit is contained in:
Chuck Dries 2021-07-06 17:56:47 -07:00
parent 1205358f18
commit 75a444dda8
2 changed files with 3 additions and 3 deletions

View File

@ -78,7 +78,7 @@ const GalleryImage = ({ data, pageContext }) => {
/> />
</Helmet> </Helmet>
<div className="min-h-screen flex flex-col justify-between"> <div className="min-h-screen flex flex-col justify-between">
<nav className="mt-0"> <nav className="mt-1 ml-1 text-lg mb-4">
<button <button
className="hover:underline text-vibrant-light hover:text-muted-light arrow-left-before mr-1" className="hover:underline text-vibrant-light hover:text-muted-light arrow-left-before mr-1"
onClick={() => navigate(-1)} onClick={() => navigate(-1)}

View File

@ -19,7 +19,7 @@ const GalleryPage = ({ data }) => {
<title>Photo Gallery | Chuck Dries</title> <title>Photo Gallery | Chuck Dries</title>
<body className="bg-black text-white" /> <body className="bg-black text-white" />
</Helmet> </Helmet>
<nav className="mt-0 mb-4"> <nav className="mt-1 ml-1 text-lg mb-4">
<button <button
className="hover:underline text-vibrant-light hover:text-muted-light arrow-left-before mr-1" className="hover:underline text-vibrant-light hover:text-muted-light arrow-left-before mr-1"
onClick={() => navigate(-1)} onClick={() => navigate(-1)}
@ -34,7 +34,7 @@ const GalleryPage = ({ data }) => {
to="/photogallery/" to="/photogallery/"
>gallery</Link> >gallery</Link>
</nav> </nav>
<div className="bg-black min-h-screen 2xl:container"> <div className="bg-black min-h-screen mx-auto 2xl:container">
<h1 className="text-5xl mt-0 ml-5 font-serif font-black z-10 relative">Photo Gallery</h1> <h1 className="text-5xl mt-0 ml-5 font-serif font-black z-10 relative">Photo Gallery</h1>
<div className="mx-auto"> <div className="mx-auto">
<MasonryGallery <MasonryGallery