Skip to content

Commit bffe52d

Browse files
committed
Rename gitalk
1 parent 4210ef4 commit bffe52d

File tree

3 files changed

+11
-8
lines changed

3 files changed

+11
-8
lines changed

_gitment.tsx renamed to _gitalk.tsx

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,14 @@ import React from 'https://dev.jspm.io/react@16.13.1';
33
// @deno-types="https://deno.land/x/types/react-dom/v16.13.1/react-dom.d.ts"
44
import ReactDOM from 'https://dev.jspm.io/react-dom@16.13.1';
55

6-
interface GitmentProps {
6+
interface GitalkProps {
77
clientID: string;
88
clientSecret: string;
99
repo: string;
1010
owner: string;
1111
admin: string[];
1212
id: string;
13+
title: string;
1314
}
1415

1516
declare global {
@@ -19,7 +20,7 @@ declare global {
1920
}
2021
}
2122

22-
const Gitalk = (props: GitmentProps) => {
23+
const Gitalk = (props: GitalkProps) => {
2324
React.useEffect(() => {
2425
// @ts-ignore
2526
const container = document.getElementById('gitalk-container');

_layout.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import React from 'https://dev.jspm.io/react@16.13.1';
33
import { PagicLayout } from 'https://deno.land/x/pagic/mod.ts';
44

55
import Sidebar from './_sidebar.tsx';
6-
import Gitalk from './_gitment.tsx';
6+
import Gitalk from './_gitalk.tsx';
77

88
const Layout: PagicLayout = ({ config, title, content, script, sidebar, outputPath }) => {
99
const [isDark, setIsDark] = React.useState(
@@ -80,6 +80,7 @@ if (shouldSetIsDark) {
8080
owner="xcatliu"
8181
admin={['xcatliu']}
8282
id={outputPath}
83+
title={title}
8384
/>
8485
</section>
8586
{script}

assets/index.css

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -277,15 +277,16 @@ h6:hover .header-anchor {
277277
background-color: var(--color-background-aside);
278278
color: var(--color-text);
279279
}
280-
.is_dark .gt-container .gt-btn-preview,
281-
.is_dark .gt-container .gt-header-textarea:hover,
282-
.is_dark .gt-container .gt-header-textarea:focus {
283-
background-color: var(--color-background-aside-hover);
280+
.is_dark .gt-container .gt-btn-preview {
281+
background-color: var(--color-background-aside);
284282
}
283+
.is_dark .gt-container .gt-header-textarea:hover,
284+
.is_dark .gt-container .gt-header-textarea:focus,
285285
.is_dark .gt-container .gt-btn-preview:hover {
286286
background-color: var(--color-background-aside-hover);
287287
}
288-
.is_dark .gt-container a.is--active {
288+
.is_dark .gt-container a.is--active,
289+
.is_dark .gt-container a.is--active:hover {
289290
color: var(--color-text);
290291
}
291292
.is_dark .gt-container .gt-comment-body {

0 commit comments

Comments
 (0)