usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-11-08 08:21:49 +08:00
Code Issues Projects Releases Packages Wiki Activity

chore: tweak embedded memo styles

Browse source
This commit is contained in:
Steven 2024-04-02 23:32:43 +08:00
parent 09ffa7b818
commit bedf3b3025
2 changed files with 23 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/components/MemoContent/EmbeddedContent/EmbeddedMemo.tsx
View file

@ -53,10 +53,10 @@ const EmbeddedMemo = ({ resourceId, params: paramsStr }: Props) => {
}
return (
<div className="relative flex flex-col justify-start items-start w-full p-4 pt-3 !my-2 bg-white dark:bg-zinc-800 rounded-lg border border-gray-200 dark:border-zinc-700 hover:shadow">
<div className="relative flex flex-col justify-start items-start w-full px-3 py-2 bg-white dark:bg-zinc-800 rounded-lg border border-gray-200 dark:border-zinc-700 hover:shadow">
<div className="w-full mb-1 flex flex-row justify-between items-center">
<div className="text-sm leading-6 text-gray-400 select-none">
<relative-time datetime={memo.displayTime?.toISOString()} tense="past"></relative-time>
<relative-time datetime={memo.displayTime?.toISOString()} format="datetime" tense="past"></relative-time>
</div>
<Link className="hover:opacity-80" to={`/m/${memo.uid}`} unstable_viewTransition>
<Icon.ArrowUpRight className="w-5 h-auto opacity-80 text-gray-400" />

29
web/src/components/Settings/MyAccountSection.tsx
View file

@ -1,9 +1,10 @@
import { Button } from "@mui/joy";
import { Button, Dropdown, Menu, MenuButton, MenuItem } from "@mui/joy";
import { memoServiceClient } from "@/grpcweb";
import { downloadFileFromUrl } from "@/helpers/utils";
import useCurrentUser from "@/hooks/useCurrentUser";
import { useTranslate } from "@/utils/i18n";
import showChangePasswordDialog from "../ChangePasswordDialog";
import Icon from "../Icon";
import showUpdateAccountDialog from "../UpdateAccountDialog";
import UserAvatar from "../UserAvatar";
import AccessTokenSection from "./AccessTokenSection";
@ -33,15 +34,27 @@ const MyAccountSection = () => {
</div>
</div>
<div className="w-full flex flex-row justify-start items-center mt-2 space-x-2">
<Button variant="outlined" onClick={showUpdateAccountDialog}>
<Button variant="outlined" color="neutral" size="sm" onClick={showUpdateAccountDialog}>
<Icon.PenLine className="w-4 h-4 mx-auto mr-1" />
{t("common.edit")}
</Button>
<Button variant="outlined" onClick={showChangePasswordDialog}>
{t("setting.account-section.change-password")}
</Button>
<Button variant="outlined" onClick={() => downloadExportedMemos(user)}>
{t("setting.account-section.export-memos")}
</Button>
<Dropdown>
<MenuButton slots={{ root: "div" }}>
<Button variant="outlined" color="neutral" size="sm">
<Icon.MoreVertical className="w-4 h-4 mx-auto" />
</Button>
</MenuButton>
<Menu className="text-sm" size="sm" placement="bottom">
<MenuItem onClick={showChangePasswordDialog}>
<Icon.ArchiveRestore className="w-4 h-auto" />
{t("setting.account-section.change-password")}
</MenuItem>
<MenuItem onClick={() => downloadExportedMemos(user)}>
<Icon.Trash className="w-4 h-auto" />
{t("setting.account-section.export-memos")}
</MenuItem>
</Menu>
</Dropdown>
</div>
<AccessTokenSection />