diff options
| author | Kevin J Hoerr <kjhoerr@protonmail.com> | 2022-11-18 18:00:52 -0500 |
|---|---|---|
| committer | Kevin J Hoerr <kjhoerr@protonmail.com> | 2022-11-18 18:00:52 -0500 |
| commit | dbb497eef6b66b09cf000ed3794eea7f517b840a (patch) | |
| tree | b3303cf9d864533fc1a8c7616ea5ca38bc4d41f0 /src | |
| parent | 299159ab2b4b1488cfc99e38c921e35d61a1264a (diff) | |
| download | submelon.dev-dbb497eef6b66b09cf000ed3794eea7f517b840a.tar.gz submelon.dev-dbb497eef6b66b09cf000ed3794eea7f517b840a.tar.bz2 submelon.dev-dbb497eef6b66b09cf000ed3794eea7f517b840a.zip | |
Switch tense of BlockBody prop
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/BlockLink.tsx | 2 | ||||
| -rw-r--r-- | src/pages/404.tsx | 2 | ||||
| -rw-r--r-- | src/pages/index.tsx | 2 | ||||
| -rw-r--r-- | src/styles/BlockBody.ts | 2 |
4 files changed, 4 insertions, 4 deletions
diff --git a/src/components/BlockLink.tsx b/src/components/BlockLink.tsx index 3144c86..f2724e7 100644 --- a/src/components/BlockLink.tsx +++ b/src/components/BlockLink.tsx @@ -3,7 +3,7 @@ import { BlockAnchor, BlockBody } from "../styles"; const BlockLink = ({ children, ...attributes }) => { return ( - <BlockBody> + <BlockBody theme={{ link: true }}> <BlockAnchor {...attributes}>{children}</BlockAnchor> </BlockBody> ); diff --git a/src/pages/404.tsx b/src/pages/404.tsx index 6b0b85a..48de764 100644 --- a/src/pages/404.tsx +++ b/src/pages/404.tsx @@ -8,7 +8,7 @@ const NotFoundPage = (): React.ReactElement => { <main> <Content> <BlockHeader>Not found</BlockHeader> - <BlockBody theme={{ padding: "4px 8px" }}> + <BlockBody> Sorry{" "} <span role="img" aria-label="Pensive emoji"> 😔 diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 58f5616..b9bcb07 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -24,7 +24,7 @@ const IndexPage = (): React.ReactElement => { /> </div> <BlockHeader>Hello!</BlockHeader> - <BlockBody theme={{ padding: "4px 8px" }}> + <BlockBody> <p> I'm a computer science and math graduate from Millersville University. I work as an IT consultant and specialize in development diff --git a/src/styles/BlockBody.ts b/src/styles/BlockBody.ts index 7791873..8fb655e 100644 --- a/src/styles/BlockBody.ts +++ b/src/styles/BlockBody.ts @@ -11,7 +11,7 @@ export default styled.div` border-left: 3px #000 solid; border-right: 3px #000 solid; - padding: ${(props) => props.theme.padding ?? "0"}; + padding: ${(props) => (props.theme.link ? "0" : "4px 8px")}; & > ${BlockAnchor} { &:hover { |