YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: tweak dialog close button

Browse Source
This commit is contained in:
Steven
2024-01-13 15:33:23 +08:00
parent ab1fa44f00
commit 4a407668bc
19 changed files with 91 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/src/components/PreviewMarkdownDialog.tsx
View File

@ -1,3 +1,4 @@
import { IconButton } from "@mui/joy";
import { useEffect, useState } from "react";
import { markdownServiceClient } from "@/grpcweb";
import { Node } from "@/types/proto/api/v2/markdown_service";
@ -31,12 +32,12 @@ const PreviewMarkdownDialog: React.FC<Props> = ({ content, destroy }: Props) =>
<div className="flex flex-row justify-start items-center">
<p className="text-black opacity-80 dark:text-gray-200">Preview</p>
</div>
<button className="btn close-btn" onClick={handleCloseBtnClick}>
<Icon.X />
</button>
<IconButton size="sm" onClick={handleCloseBtnClick}>
<Icon.X className="w-5 h-auto" />
</IconButton>
</div>
<div className="flex flex-col justify-start items-start max-w-full w-[32rem]">
<MemoContent nodes={nodes} />
{content !== "" ? <MemoContent nodes={nodes} /> : <p className="text-gray-400 dark:text-gray-600">Nothing to preview</p>}
</div>
</>
);