renaming and reorgainizing
This commit is contained in:
parent
c6c0269825
commit
a671bdb8d5
1 changed files with 14 additions and 14 deletions
|
@ -15,17 +15,13 @@ import {
|
|||
|
||||
import { Post } from "../types/typings"
|
||||
|
||||
const StyledTitle = styled.h1`
|
||||
font-size: 2rem;
|
||||
font-style: bold;
|
||||
margin-bottom: 1rem;
|
||||
`
|
||||
const StyledPostCardContainer = styled(Link)`
|
||||
text-decoration: none;
|
||||
|
||||
const StyledMetaContainer = styled.small`
|
||||
color: ${(props) =>
|
||||
theming.theme(props.theme.currentTheme, {
|
||||
light: "#555",
|
||||
dark: "#CCC",
|
||||
light: theming.light.color1,
|
||||
dark: theming.dark.color1,
|
||||
})};
|
||||
`
|
||||
|
||||
|
@ -44,13 +40,17 @@ const StyledPostCard = styled.div`
|
|||
}
|
||||
`
|
||||
|
||||
const StyledPostCardContentContainer = styled(Link)`
|
||||
text-decoration: none;
|
||||
const StyledTitle = styled.h1`
|
||||
font-size: 2rem;
|
||||
font-style: bold;
|
||||
margin-bottom: 1rem;
|
||||
`
|
||||
|
||||
const StyledMetaContainer = styled.small`
|
||||
color: ${(props) =>
|
||||
theming.theme(props.theme.currentTheme, {
|
||||
light: theming.light.color1,
|
||||
dark: theming.dark.color1,
|
||||
light: "#555",
|
||||
dark: "#CCC",
|
||||
})};
|
||||
`
|
||||
|
||||
|
@ -72,7 +72,7 @@ interface PostCardProps {
|
|||
export default class PostCard extends React.Component<PostCardProps> {
|
||||
render() {
|
||||
return (
|
||||
<StyledPostCardContentContainer
|
||||
<StyledPostCardContainer
|
||||
to={process.env.PUBLIC_URL + this.props.postData.url}
|
||||
>
|
||||
<StyledPostCard
|
||||
|
@ -126,7 +126,7 @@ export default class PostCard extends React.Component<PostCardProps> {
|
|||
}}
|
||||
/>
|
||||
</StyledPostCard>
|
||||
</StyledPostCardContentContainer>
|
||||
</StyledPostCardContainer>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue