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: fix text truncate

Browse Source
This commit is contained in:
Steven
2024-04-08 19:20:16 +08:00
parent 90ed908d2e
commit 436a6cb084
3 changed files with 82 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/MemoView.tsx
View File

@ -92,13 +92,11 @@ const MemoView: React.FC<Props> = (props: Props) => {
</Link> </Link>
<div className="w-full flex flex-col justify-center items-start"> <div className="w-full flex flex-col justify-center items-start">
<Link <Link
className="w-auto leading-tight hover:opacity-80" className="w-full block leading-tight hover:opacity-80 truncate text-gray-600 dark:text-gray-400"
to={`/u/${encodeURIComponent(creator.username)}`} to={`/u/${encodeURIComponent(creator.username)}`}
unstable_viewTransition unstable_viewTransition
> >
<span className="text-gray-600 leading-tight max-w-[80%] truncate dark:text-gray-400">
{creator.nickname || creator.username} {creator.nickname || creator.username}
</span>
</Link> </Link>
<div <div
className="w-auto -mt-0.5 text-xs leading-tight text-gray-400 dark:text-gray-500 select-none" className="w-auto -mt-0.5 text-xs leading-tight text-gray-400 dark:text-gray-500 select-none"

13
web/src/components/Settings/AccessTokenSection.tsx
View File

@ -55,8 +55,7 @@ const AccessTokenSection = () => {
}; };
return ( return (
<> <div className="mt-6 w-full flex flex-col justify-start items-start space-y-4">
<div className="mt-4 w-full flex flex-col justify-start items-start space-y-4">
<div className="w-full"> <div className="w-full">
<div className="sm:flex sm:items-center sm:justify-between"> <div className="sm:flex sm:items-center sm:justify-between">
<div className="sm:flex-auto space-y-1"> <div className="sm:flex-auto space-y-1">
@ -78,7 +77,7 @@ const AccessTokenSection = () => {
</Button> </Button>
</div> </div>
</div> </div>
<div className="mt-2 flow-root"> <div className="flow-root">
<div className="overflow-x-auto"> <div className="overflow-x-auto">
<div className="inline-block min-w-full py-2 align-middle"> <div className="inline-block min-w-full py-2 align-middle">
<table className="min-w-full divide-y divide-gray-300 dark:divide-zinc-600"> <table className="min-w-full divide-y divide-gray-300 dark:divide-zinc-600">
@ -106,12 +105,7 @@ const AccessTokenSection = () => {
<tr key={userAccessToken.accessToken}> <tr key={userAccessToken.accessToken}>
<td className="whitespace-nowrap px-3 py-2 text-sm text-gray-900 dark:text-gray-400 flex flex-row justify-start items-center gap-x-1"> <td className="whitespace-nowrap px-3 py-2 text-sm text-gray-900 dark:text-gray-400 flex flex-row justify-start items-center gap-x-1">
<span className="font-mono">{getFormatedAccessToken(userAccessToken.accessToken)}</span> <span className="font-mono">{getFormatedAccessToken(userAccessToken.accessToken)}</span>
<IconButton <IconButton color="neutral" variant="plain" size="sm" onClick={() => copyAccessToken(userAccessToken.accessToken)}>
color="neutral"
variant="plain"
size="sm"
onClick={() => copyAccessToken(userAccessToken.accessToken)}
>
<Icon.Clipboard className="w-4 h-auto text-gray-400" /> <Icon.Clipboard className="w-4 h-auto text-gray-400" />
</IconButton> </IconButton>
</td> </td>
@ -145,7 +139,6 @@ const AccessTokenSection = () => {
</div> </div>
</div> </div>
</div> </div>
</>
); );
}; };

10
web/src/components/Settings/MyAccountSection.tsx
View File

@ -45,14 +45,8 @@ const MyAccountSection = () => {
</Button> </Button>
</MenuButton> </MenuButton>
<Menu className="text-sm" size="sm" placement="bottom"> <Menu className="text-sm" size="sm" placement="bottom">
<MenuItem onClick={showChangePasswordDialog}> <MenuItem onClick={showChangePasswordDialog}>{t("setting.account-section.change-password")}</MenuItem>
<Icon.ArchiveRestore className="w-4 h-auto" /> <MenuItem onClick={() => downloadExportedMemos(user)}>{t("setting.account-section.export-memos")}</MenuItem>
{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> </Menu>
</Dropdown> </Dropdown>
</div> </div>