mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-07 16:06:12 +02:00
refact: rename the outer element of PageNavigation
This commit is contained in:
@@ -13,7 +13,7 @@ interface IPageContentProps {
|
|||||||
|
|
||||||
export const PageNavigation: FC<IPageContentProps> = ({ previous, next }) => {
|
export const PageNavigation: FC<IPageContentProps> = ({ previous, next }) => {
|
||||||
return (
|
return (
|
||||||
<SC.Content>
|
<SC.PageNavigationWrapper>
|
||||||
{previous ? (
|
{previous ? (
|
||||||
<SC.PageContent>
|
<SC.PageContent>
|
||||||
<SC.Text>Previous</SC.Text>
|
<SC.Text>Previous</SC.Text>
|
||||||
@@ -40,6 +40,6 @@ export const PageNavigation: FC<IPageContentProps> = ({ previous, next }) => {
|
|||||||
) : (
|
) : (
|
||||||
<div> </div>
|
<div> </div>
|
||||||
)}
|
)}
|
||||||
</SC.Content>
|
</SC.PageNavigationWrapper>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import { Link } from "gatsby"
|
|||||||
import fontFamily from "../../design/typography"
|
import fontFamily from "../../design/typography"
|
||||||
import ArrowRight from "../../icons/arrow-right.svg"
|
import ArrowRight from "../../icons/arrow-right.svg"
|
||||||
|
|
||||||
export const Content = styled.div`
|
export const PageNavigationWrapper = styled.div`
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user