jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-09-15 05:45:33 -04:00
Code Issues Activity

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
1 changed files with 5 additions and 6 deletions
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