chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

adjust photogallery header

Browse Source
This commit is contained in:
Chuck Dries 2022-07-11 16:02:02 -07:00
parent 9d2183e554
commit 27fcdedb3d
No known key found for this signature in database
GPG Key ID: A00B7AEAE1DC5BE6
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/KeywordsPicker.js
View File

@ -4,7 +4,7 @@ import classNames from "classnames";
const KeywordsPicker = ({ keywords, value, onChange }) => {
return (
<div className="mx-2">
<span className="text-xs text-[#A2A2A2]">Filter...</span>
<span className="text-xs text-[#A2A2A2]">Collections</span>
<ul className="flex gap-1 flex-wrap mt-1 mb-2">
{keywords.map((keyword) => {
const selected = value === keyword;

4
src/pages/photogallery.js
View File

@ -171,8 +171,8 @@ const GalleryPage = ({ data }) => {
gallery
</Link>
</nav>
<div className="flex flex-col md:flex-row md:items-end">
<h1 className="text-5xl mt-0 ml-5 mr-5 font-serif font-black z-10 flex-auto">
<div className="flex flex-col md:flex-row md:items-end justify-between">
<h1 className="text-5xl mt-0 ml-5 mr-5 font-serif font-black z-10">
Photo Gallery
</h1>
<KeywordsPicker