jake/jarv.is
jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 05:18:28 -04:00
Code Issues

fix comments top border

Browse Source
This commit is contained in:
Jake Jarvis 2022-04-04 11:04:37 -04:00
parent 7142b5ece5
commit 0a741b4282
Signed by: jake
GPG Key ID: 2B0C9CF251E69A39
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/Comments/Comments.tsx
View File

@ -7,12 +7,10 @@ import type { ComponentProps } from "react";
import type { GiscusProps } from "@giscus/react"; import type { GiscusProps } from "@giscus/react";
const Wrapper = styled("div", { const Wrapper = styled("div", {
".giscus": { marginTop: "2em",
marginTop: "2em", paddingTop: "2em",
paddingTop: "2em", borderTop: "2px solid $light",
borderTop: "2px solid $light", minHeight: "300px",
minHeight: "350px",
},
}); });
export type CommentsProps = ComponentProps<typeof Wrapper> & { export type CommentsProps = ComponentProps<typeof Wrapper> & {
@ -22,6 +20,7 @@ export type CommentsProps = ComponentProps<typeof Wrapper> & {
const Comments = ({ title, ...rest }: CommentsProps) => { const Comments = ({ title, ...rest }: CommentsProps) => {
const { resolvedTheme } = useTheme(); const { resolvedTheme } = useTheme();
// TODO: use custom `<Loading />` spinner component during suspense
return ( return (
<Wrapper {...rest}> <Wrapper {...rest}>
<Giscus <Giscus