ProjectHentai/nonebot2
6
0
Fork 0
mirror of https://github.com/nonebot/nonebot2.git synced 2025-10-07 03:07:07 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

📝 Docs: 升级新版 NonePress 主题 (#2375)

Browse Source
This commit is contained in:
Ju4tCode
2023-09-27 16:00:26 +08:00
committed by GitHub
parent 7754f6da1d
commit 842c6ff4c6
234 changed files with 8759 additions and 5887 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
website/src/components/Asciinema/container.tsx
View File

@@ -1,6 +1,7 @@
import * as AsciinemaPlayer from "asciinema-player";
import React, { useEffect, useRef } from "react";
import * as AsciinemaPlayer from "asciinema-player";
export type AsciinemaOptions = {
cols: number;
rows: number;
@@ -16,7 +17,7 @@ export type AsciinemaOptions = {
fontSize: string;
};
export type AsciinemaProps = {
export type Props = {
url: string;
options?: Partial<AsciinemaOptions>;
};
@@ -24,12 +25,12 @@ export type AsciinemaProps = {
export default function AsciinemaContainer({
url,
options = {},
}: AsciinemaProps): JSX.Element {
}: Props): JSX.Element {
const ref = useRef<HTMLDivElement>(null);
useEffect(() => {
AsciinemaPlayer.create(url, ref.current, options);
}, []);
}, [url, options]);
return <div ref={ref} className="not-prose w-full max-w-full my-4"></div>;
return <div ref={ref} className="not-prose ap-container"></div>;
}