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 dialog style (#395)

Browse Source
This commit is contained in:
boojack
2022-11-01 22:24:54 +08:00
committed by GitHub
parent 006cb56d28
commit f8c0d73d2d
2 changed files with 27 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
web/src/components/ResourcesDialog.tsx
View File

@ -168,16 +168,18 @@ const ResourcesDialog: React.FC<Props> = (props: Props) => {
</button>
</div>
<div className="dialog-content-container">
<div className="upload-resource-container" onClick={() => handleUploadFileBtnClick()}>
<div className="upload-resource-btn">
<Icon.File className="icon-img" />
<span>{t("resources.upload")}</span>
<div className="action-buttons-container">
<div className="buttons-wrapper">
<div className="upload-resource-btn" onClick={() => handleUploadFileBtnClick()}>
<Icon.File className="icon-img" />
<span>{t("resources.upload")}</span>
</div>
</div>
<div className="buttons-wrapper">
<button className="delete-unused-resource-btn" onClick={handleDeleteUnusedResourcesBtnClick}>
{t("resources.clear-unused-resources")}
</button>
</div>
</div>
<div className="delete-unused-resource-container">
<button className="delete-unused-resource-btn" onClick={handleDeleteUnusedResourcesBtnClick}>
{t("resources.clear-unused-resources")}
</button>
</div>
{loadingState.isLoading ? (
<div className="loading-text-container">
@ -188,7 +190,6 @@ const ResourcesDialog: React.FC<Props> = (props: Props) => {
<div className="fields-container">
<span className="field-text id-text">ID</span>
<span className="field-text name-text">NAME</span>
<span className="field-text type-text">TYPE</span>
<span></span>
</div>
{resources.length === 0 ? (
@ -205,14 +206,6 @@ const ResourcesDialog: React.FC<Props> = (props: Props) => {
{resource.filename}
</span>
</span>
<span className="field-text type-text">
<span
onMouseEnter={(e) => handleResourceNameOrTypeMouseEnter(e, resource.type)}
onMouseLeave={handleResourceNameOrTypeMouseLeave}
>
{resource.type}
</span>
</span>
<div className="buttons-container">
<Dropdown
actionsClassName="!w-28"