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

more styling

Browse Source
This commit is contained in:
Chuck Dries 2022-11-17 13:19:24 -08:00
parent c80b019118
commit a4c563d6c8
No known key found for this signature in database
GPG Key ID: A00B7AEAE1DC5BE6
6 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
.yarn/cache/@lmdb-lmdb-darwin-arm64-npm-2.5.2-ba0aa88b93-8.zip vendored Normal file
View File

Binary file not shown.

BIN
.yarn/cache/@lmdb-lmdb-darwin-arm64-npm-2.5.3-68d0bab047-8.zip vendored Normal file
View File

Binary file not shown.

BIN
.yarn/cache/@msgpackr-extract-msgpackr-extract-darwin-arm64-npm-2.2.0-696c18f8dc-8.zip vendored Normal file
View File

Binary file not shown.

2
src/components/KeywordsPicker.tsx
View File

@ -25,7 +25,7 @@ const KeywordsPicker = ({ keywords, value, onChange }: KeywordsPickerProps) => {
border border-[var(--spectrum-fieldbutton-border-color,var(--spectrum-alias-border-color))]`, border border-[var(--spectrum-fieldbutton-border-color,var(--spectrum-alias-border-color))]`,
selected selected
? "bg-blue-500 hover:bg-blue-300" ? "bg-green-500 hover:bg-green-300"
: `bg-[var(--spectrum-fieldbutton-background-color,var(--spectrum-global-color-gray-75))] : `bg-[var(--spectrum-fieldbutton-background-color,var(--spectrum-global-color-gray-75))]
hover:bg-[var(--spectrum-fieldbutton-background-color-down,var(--spectrum-global-color-gray-200))]` hover:bg-[var(--spectrum-fieldbutton-background-color-down,var(--spectrum-global-color-gray-200))]`
)} )}

2
src/components/Nav.tsx
View File

@ -81,7 +81,7 @@ const Nav = ({ internalLinks, className }: NavProps) => {
return ( return (
<nav <nav
className={classnames( className={classnames(
"mt-0 flex flex-col-reverse md:flex-row items-center w-full font-sans px-6", "my-4 flex flex-col-reverse md:flex-row items-center w-full font-sans px-8",
className className
)} )}
style={{ zIndex: 100 }} style={{ zIndex: 100 }}

6
src/pages/index.tsx
View File

@ -57,7 +57,7 @@ const IndexPage = ({
}, [browserIsLandscape]); }, [browserIsLandscape]);
// const vibrant = getVibrant(image); // const vibrant = getVibrant(image);
const ar = getAspectRatio(image); // const ar = getAspectRatio(image);
// const screenHeight = use100vh(); // const screenHeight = use100vh();
@ -92,10 +92,10 @@ const IndexPage = ({
/> />
<GatsbyImage <GatsbyImage
alt="" alt=""
className="flex-auto m-6 mt-0" className="flex-auto m-8 mt-0"
image={img!} image={img!}
loading="eager" loading="eager"
objectFit="contain" objectFit={browserIsLandscape ? "cover" : "contain"}
/> />
</main> </main>
</> </>