diff --git a/components/Blog/ContentPage.tsx b/components/Blog/ContentPage.tsx index d2fa925..eff497d 100644 --- a/components/Blog/ContentPage.tsx +++ b/components/Blog/ContentPage.tsx @@ -1,5 +1,7 @@ import type { NextPage } from "next"; -import { useEffect } from "react"; +import { Git } from "@icons-pack/react-simple-icons"; +import Icon from "@mdi/react"; +import { mdiWeb } from "@mdi/js"; import type { ProjectRender, DiaryRender } from "../../lib/content/types"; import DiaryPageSelector from "./DiaryPageSelector"; @@ -9,6 +11,10 @@ import styles from "../../styles/Blog/Content.module.scss"; const ContentPage: NextPage<{ content: ProjectRender | DiaryRender }> = ({ content }) => { return (<> {content.type === "diary" ? : null} +
+ {content.more ? : null} + {content.repo ? : null} +
{content.type === "diary" ? : null} diff --git a/styles/Blog/Content.module.scss b/styles/Blog/Content.module.scss index 9ddcb69..f99460e 100644 --- a/styles/Blog/Content.module.scss +++ b/styles/Blog/Content.module.scss @@ -134,4 +134,18 @@ } } } +} + +.more { + float: right; +} + +@media screen and (max-width: 900px) { + .more { + float: none; + display: block; + width: max-content; + margin-left: auto; + margin-right: auto; + } } \ No newline at end of file