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: update resource icons

Browse Source
This commit is contained in:
Steven
2023-09-13 09:12:51 +08:00
parent 9a0ada6756
commit 04595a5fb1
8 changed files with 57 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/MemoEditor/ResourceListView.tsx
View File

@ -21,11 +21,14 @@ const ResourceListView = (props: Props) => {
return (
<div
key={resource.id}
className="max-w-full flex flex-row justify-start items-center flex-nowrap bg-gray-100 dark:bg-zinc-800 px-2 py-1 rounded text-gray-500"
className="max-w-full flex flex-row justify-start items-center flex-nowrap gap-x-1 bg-gray-100 dark:bg-zinc-800 px-2 py-1 rounded text-gray-500"
>
<ResourceIcon resource={resource} className="w-4 h-auto mr-1" />
<span className="text-sm max-w-xs truncate">{resource.filename}</span>
<Icon.X className="w-4 h-auto ml-1 cursor-pointer hover:opacity-80" onClick={() => handleDeleteResource(resource.id)} />
<ResourceIcon resource={resource} className="!w-4 !h-auto !opacity-100" />
<span className="text-sm max-w-[8rem] truncate">{resource.filename}</span>
<Icon.X
className="w-4 h-auto cursor-pointer opacity-60 hover:opacity-100"
onClick={() => handleDeleteResource(resource.id)}
/>
</div>
);
})}