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

slightly shift gallery left to line up with name on nav - idk if I like it

Browse Source
This commit is contained in:
Chuck Dries 2023-03-08 02:06:37 -08:00
parent 77df8418c8
commit 8effec79b1
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/KeywordsPicker.tsx
View File

@ -9,7 +9,7 @@ interface KeywordsPickerProps {
} }
const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => { const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
return ( return (
<div className="mx-2 mt-2"> <div className="mr-2 mt-2">
<span className="text-xs text-black"> <span className="text-xs text-black">
Collections Collections
</span> </span>

2
src/components/MasonryGallery.tsx
View File

@ -118,7 +118,7 @@ const MasonryGallery = ({
return ( return (
<div <div
className={classNames( className={classNames(
"flex items-center flex-wrap mx-auto px-4 md:px-8", "flex items-center flex-wrap mx-auto pr-4 pl-2 md:pr-8 md:pl-[72px]",
isClient ? "" : "" isClient ? "" : ""
)} )}
// ref={observe} // ref={observe}

6
src/pages/photogallery.tsx
View File

@ -218,7 +218,7 @@ const GalleryPage = ({ data, location }: PageProps<Queries.GalleryPageQueryQuery
</div> </div>
<div className="gradient pb-6"> <div className="gradient pb-6">
<div className="px-4 md:px-8 flex items-baseline"> <div className="px-4 md:px-8 flex items-baseline">
<h3 className="mx-2 font-bold" id="recently"> <h3 className="mr-2 font-bold" id="recently">
Recently published Recently published
</h3> </h3>
{sortKey !== "datePublished" && ( {sortKey !== "datePublished" && (
@ -249,7 +249,7 @@ const GalleryPage = ({ data, location }: PageProps<Queries.GalleryPageQueryQuery
/> />
</div> </div>
<div className="px-4 md:px-8 mt-2 pt-2"> <div className="px-4 md:px-8 mt-2 pt-2">
<h3 className="mx-2 font-bold" id="all"> <h3 className="mr-2 font-bold" id="all">
All images All images
</h3> </h3>
</div> </div>
@ -274,7 +274,7 @@ const GalleryPage = ({ data, location }: PageProps<Queries.GalleryPageQueryQuery
onChange={setKeyword} onChange={setKeyword}
value={filterKeyword} value={filterKeyword}
/> />
<div className="m-2 flex flex-row items-end"> <div className="my-2 flex flex-row items-end">
<div className="border border-gray-400 rounded mr-2"> <div className="border border-gray-400 rounded mr-2">
<Switch <Switch
isSelected={showPalette} isSelected={showPalette}