diff --git a/contents/chatgpt.tsx b/contents/chatgpt.tsx index ba29d78..2c6d0dd 100644 --- a/contents/chatgpt.tsx +++ b/contents/chatgpt.tsx @@ -89,7 +89,7 @@ export default function Chatgpt() { return ( <> - {isModalOpen && ( + {isModalOpen && content && ( - {isModalOpen && ( + {isModalOpen && content && ( - {isModalOpen && ( + {isModalOpen && content && ( HOST_ID export const getOverlayAnchor: PlasmoGetOverlayAnchor = async () => - document.querySelector("article.Post-Main .Post-Title") + document.querySelector("article.Post-Main") -export const getStyle: PlasmoGetStyle = () => TagBtnStyle() +const style = { + box: { + position: "fixed" as const, + border: "1px solid #D9DADC", + left: "25px", + top: "85px", + width: "140px", + padding: "16px", + cursor: "pointer" + }, + close: { + position: "absolute" as const, + top: "-5px", + right: "0px", + background: "none", + border: "none", + fontSize: "1.5rem", + cursor: "pointer", + padding: "0.5rem" + }, + img: { + width: "100%" + }, + item: { + color: "#000000", + fontSize: "1rem", + marginBottom: "3px" + } +} const PlasmoOverlay: FC = ({ anchor }) => { const [parseContent, setParseContent] = useParseMarkdown() @@ -47,6 +74,7 @@ const PlasmoOverlay: FC = ({ anchor }) => { const [history, setHistory] = useStorage("codebox-history") const [closeLog] = useStorage("config-closeLog", true) const [content, setContent] = useEditMarkdown() + const [isShow, setIsShow] = useState(true) useEffect(() => { closeLog || @@ -224,13 +252,35 @@ const PlasmoOverlay: FC = ({ anchor }) => { setParseContent(dom) } - return showTag ? ( - + function onClose() { + setIsShow(false) + } + + return showTag && isShow ? ( + ) : ( <> ) diff --git a/package.json b/package.json index c275783..6411ec7 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "code-box", "displayName": "__MSG_extensionName__", - "version": "1.2.0", + "version": "1.2.1", "description": "__MSG_extensionDescription__", "author": "027xiguapi. <458813868@qq.com>", "scripts": {