remove mx hack

This commit is contained in:
Chuck Dries 2023-03-08 08:48:15 -08:00
parent a90ec328f6
commit fa815460d9
4 changed files with 6 additions and 6 deletions

View File

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

View File

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

View File

@ -95,7 +95,7 @@ const Nav = ({ internalLinks, className }: NavProps) => {
className className
)} )}
> >
<div className="md:flex items-baseline flex-auto"> <div className="md:flex items-baseline flex-auto ml-2">
<h1 className="font-bold mr-2">Chuck Dries</h1> <h1 className="font-bold mr-2">Chuck Dries</h1>
<h2 className="text-md">Software Engineer & Photographer</h2> <h2 className="text-md">Software Engineer & Photographer</h2>
</div> </div>

View File

@ -227,7 +227,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="mr-2 font-bold" id="recently"> <h3 className="mx-2 font-bold" id="recently">
Recently published Recently published
</h3> </h3>
{sortKey !== "datePublished" && ( {sortKey !== "datePublished" && (
@ -258,7 +258,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="mr-2 font-bold" id="all"> <h3 className="mx-2 font-bold" id="all">
All images All images
</h3> </h3>
</div> </div>
@ -283,7 +283,7 @@ const GalleryPage = ({ data, location }: PageProps<Queries.GalleryPageQueryQuery
onChange={setKeyword} onChange={setKeyword}
value={filterKeyword} value={filterKeyword}
/> />
<div className="my-2 flex flex-row items-end"> <div className="my-2 mr-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}