usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2024-12-24 11:44:44 +03:00
Code Issues Packages Projects Releases Wiki Activity

chore: update list switch style (#1417)

Browse Source
This commit is contained in:
boojack 2023-03-26 21:02:40 +08:00 committed by GitHub
parent adf01ed511
commit dbb095fff4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/pages/ResourcesDashboard.tsx
View File

@ -244,20 +244,6 @@ const ResourcesDashboard = () => {
<Button onClick={() => showCreateResourceDialog({})}> <Button onClick={() => showCreateResourceDialog({})}>
<Icon.Plus className="w-4 h-auto" /> <Icon.Plus className="w-4 h-auto" />
</Button> </Button>
<div className="flex">
<div
className={`rounded-l-lg p-2 ${listStyle ? "bg-gray-200 dark:bg-zinc-800" : "bg-white bg-zinc-700"}`}
onClick={() => handleStyleChangeBtnClick(true)}
>
<Icon.List />
</div>
<div
className={`rounded-r-lg p-2 ${listStyle ? "bg-white bg-zinc-700" : "bg-gray-200 dark:bg-zinc-800"}`}
onClick={() => handleStyleChangeBtnClick(false)}
>
<Icon.Grid />
</div>
</div>
<Dropdown <Dropdown
className="drop-shadow-none" className="drop-shadow-none"
actionsClassName="!w-28 rounded-lg drop-shadow-md dark:bg-zinc-800" actionsClassName="!w-28 rounded-lg drop-shadow-md dark:bg-zinc-800"
@ -279,6 +265,24 @@ const ResourcesDashboard = () => {
</> </>
} }
/> />
<div className="flex rounded-lg cursor-pointer h-8 overflow-clip border dark:border-zinc-600">
<div
className={`flex justify-center items-center px-3 ${
!listStyle ? "bg-white dark:bg-zinc-700" : "bg-gray-200 dark:bg-zinc-800 opacity-60"
}`}
onClick={() => handleStyleChangeBtnClick(false)}
>
<Icon.Grid className="w-4 h-auto opacity-80" />
</div>
<div
className={`flex justify-center items-center px-3 ${
listStyle ? "bg-white dark:bg-zinc-700" : "bg-gray-200 dark:bg-zinc-800 opacity-60"
}`}
onClick={() => handleStyleChangeBtnClick(true)}
>
<Icon.List className="w-4 h-auto opacity-80" />
</div>
</div>
</div> </div>
<div className="w-full flex flex-col justify-start items-start mt-4 mb-6"> <div className="w-full flex flex-col justify-start items-start mt-4 mb-6">
{loadingState.isLoading ? ( {loadingState.isLoading ? (