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

padding

Browse Source
This commit is contained in:
Chuck Dries 2022-07-13 14:51:16 -07:00
parent 0e258b2f57
commit 90c1828672
No known key found for this signature in database
GPG Key ID: A00B7AEAE1DC5BE6
2 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/index/ActionButtons.js
View File

@ -7,11 +7,13 @@ import Shuffle from "@spectrum-icons/workflow/Shuffle";
const getButtonClasses = (isClient) => const getButtonClasses = (isClient) =>
classnames( classnames(
"z-20 rounded-md text-md inline-block px-2 py-1 mt-1 mr-2 text-md hover:underline", "z-20 rounded-md text-md inline-block px-2 py-1 mt-1 mr-2 text-md hover:underline",
isClient ? "cool-border-small hover:bg-vibrant" : "text-gray-300 bg-gray-700" isClient
? "cool-border-small hover:bg-vibrant"
: "text-gray-300 bg-gray-700"
); );
const ActionButtons = ({ isClient, image, shuffleImage }) => ( const ActionButtons = ({ isClient, image, shuffleImage }) => (
<div className="flex flex-col"> <div className="flex flex-col mb-2">
<div className="text-muted-light p-2 sm:p-4 m-1 sm:m-4 bg-muted-dark rounded-xl flex flex-col text-center z-10 cool-border-small-light"> <div className="text-muted-light p-2 sm:p-4 m-1 sm:m-4 bg-muted-dark rounded-xl flex flex-col text-center z-10 cool-border-small-light">
<h3 className="sm:mb-2 drop-shadow">Try my word game!</h3> <h3 className="sm:mb-2 drop-shadow">Try my word game!</h3>
<a <a

10
src/pages/index.js
View File

@ -142,13 +142,15 @@ const IndexPage = ({
isClient={isClient} isClient={isClient}
/> />
<div <div
className={classnames("flex flex-col", !imageIsLandscape && "portrait:flex-auto ")} className={classnames(
"flex flex-col",
!imageIsLandscape && "portrait:flex-auto "
)}
> >
<div <div
className={classnames( className={classnames(
"rounded-[50px] p-3 md:p-5 flex flex-col items-center z-10 border-r-[20px] border-b-[20px] mb-3 mx-2", "rounded-[50px] p-3 md:p-5 ml-2 mr-4 md:ml-3 md:mr-5 flex flex-col items-center z-10 border-r-[20px] border-b-[20px] mb-3",
isClient ? "cool-border-big" : "bg-gray-50", isClient ? "cool-border-big" : "bg-gray-50"
!imageIsLandscape && "landscape:mr-4" // text is on left side of image, make some room for drop shadow
)} )}
> >
<h1 <h1