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

styling updates

Browse Source
This commit is contained in:
Chuck Dries 2022-10-17 08:31:58 -07:00
parent c3e7918478
commit 339bbee996
No known key found for this signature in database
GPG Key ID: A00B7AEAE1DC5BE6
2 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/KeywordsPicker.tsx
View File

@ -8,7 +8,7 @@ interface KeywordsPickerProps {
} }
const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => { const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
return ( return (
<div className="mx-2"> <div className="mx-2 mt-2">
<span className="text-xs text-[#A2A2A2]">Collections</span> <span className="text-xs text-[#A2A2A2]">Collections</span>
<ul className="flex gap-1 flex-wrap mt-1 mb-2"> <ul className="flex gap-1 flex-wrap mt-1 mb-2">
{keywords.map((keyword) => { {keywords.map((keyword) => {

11
src/pages/index.tsx
View File

@ -167,16 +167,11 @@ const GalleryPage = ({ data }: PageProps<Queries.GalleryPageQueryQuery>) => {
<div className="sm:sticky top-0 pt-1 z-10 bg-black"> <div className="sm:sticky top-0 pt-1 z-10 bg-black">
<Nav <Nav
className="mb-4" className="mb-4"
internalLinks={[ internalLinks={[{ href: "/", label: "Home" }]}
{ href: "/", label: "Home" },
]}
></Nav> ></Nav>
<div className="flex flex-col lg:flex-row lg:items-end justify-between"> <div className="flex flex-col lg:flex-row lg:items-end justify-between">
<div className="flex flex-col mx-5 font-serif"> <div className="flex flex-col mr-5 ml-2 font-serif">
<h1 className="text-5xl mt-0 font-black z-10">Chuck Dries</h1>
<h1 className="text-5xl mt-0 font-black z-10">
Chuck Dries
</h1>
<h2 className="">Full Stack Software Engineer & Photographer</h2> <h2 className="">Full Stack Software Engineer & Photographer</h2>
</div> </div>
<KeywordsPicker <KeywordsPicker