adam/vscode-front-matter
1
0
Fork 0
mirror of https://github.com/estruyf/vscode-front-matter.git synced 2026-07-04 17:01:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

Updated icons

Browse Source
This commit is contained in:
Elio Struyf
2024-01-15 13:48:21 +01:00
parent 51517c6a43
commit e161fe23d5
74 changed files with 316 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/dashboardWebView/components/Media/DetailsSlideOver.tsx
+3 -3
View File
@@ -1,5 +1,5 @@
import { Dialog, Transition } from '@headlessui/react';
import { PencilAltIcon, XIcon } from '@heroicons/react/outline';
import { PencilSquareIcon, XMarkIcon } from '@heroicons/react/24/outline';
import { format } from 'date-fns';
import { basename } from 'path';
import * as React from 'react';
@@ -129,7 +129,7 @@ export const DetailsSlideOver: React.FunctionComponent<IDetailsSlideOverProps> =
onClick={onDismiss}
>
<span className="sr-only">{l10n.t(LocalizationKey.dashboardMediaPanelClose)}</span>
<XIcon className="h-6 w-6" aria-hidden="true" />
<XMarkIcon className="h-6 w-6" aria-hidden="true" />
</button>
</div>
</div>
@@ -270,7 +270,7 @@ export const DetailsSlideOver: React.FunctionComponent<IDetailsSlideOverProps> =
<h3 className={`text-base flex items-center text-[var(--vscode-foreground)]`}>
<span>{l10n.t(LocalizationKey.dashboardMediaMetadataPanelFormMetadataTitle)}</span>
<button onClick={onEdit}>
<PencilAltIcon className="w-4 h-4 ml-2" aria-hidden="true" />
<PencilSquareIcon className="w-4 h-4 ml-2" aria-hidden="true" />
<span className="sr-only">{l10n.t(LocalizationKey.commonEdit)}</span>
</button>
</h3>
src/dashboardWebView/components/Media/FolderCreation.tsx
+4 -4
View File
@@ -1,5 +1,5 @@
import * as React from 'react';
import { FolderAddIcon, LightningBoltIcon } from '@heroicons/react/outline';
import { FolderPlusIcon, BoltIcon } from '@heroicons/react/24/outline';
import { useRecoilValue } from 'recoil';
import { DashboardMessage } from '../../DashboardMessage';
import {
@@ -86,7 +86,7 @@ export const FolderCreation: React.FunctionComponent<IFolderCreationProps> = (
title={l10n.t(LocalizationKey.dashboardMediaFolderCreationHexoCreate)}
onClick={onAssetFolderCreation}
>
<FolderAddIcon className={`mr-2 h-6 w-6`} />
<FolderPlusIcon className={`mr-2 h-6 w-6`} />
<span className={``}>{l10n.t(LocalizationKey.dashboardMediaFolderCreationHexoCreate)}</span>
</button>
);
@@ -102,7 +102,7 @@ export const FolderCreation: React.FunctionComponent<IFolderCreationProps> = (
title={l10n.t(LocalizationKey.dashboardMediaFolderCreationFolderCreate)}
choices={scripts.map((s) => ({
title: s.title,
icon: <LightningBoltIcon className="w-4 h-4 mr-2" />,
icon: <BoltIcon className="w-4 h-4 mr-2" />,
onClick: () => runCustomScript(s)
}))}
onClick={onFolderCreation}
@@ -124,7 +124,7 @@ export const FolderCreation: React.FunctionComponent<IFolderCreationProps> = (
title={l10n.t(LocalizationKey.dashboardMediaFolderCreationFolderCreate)}
onClick={onFolderCreation}
>
<FolderAddIcon className={`mr-2 h-6 w-6`} />
<FolderPlusIcon className={`mr-2 h-6 w-6`} />
<span className={``}>{l10n.t(LocalizationKey.dashboardMediaFolderCreationFolderCreate)}</span>
</button>
</div>
src/dashboardWebView/components/Media/FolderItem.tsx
+1 -1
View File
@@ -1,4 +1,4 @@
import { FolderIcon } from '@heroicons/react/solid';
import { FolderIcon } from '@heroicons/react/24/solid';
import { basename, join } from 'path';
import * as React from 'react';
import { useRecoilState } from 'recoil';
src/dashboardWebView/components/Media/Item.tsx
+12 -12
View File
@@ -2,17 +2,17 @@ import { Messenger } from '@estruyf/vscode/dist/client';
import { Menu } from '@headlessui/react';
import {
ClipboardIcon,
CodeIcon,
CodeBracketIcon,
DocumentIcon,
EyeIcon,
MusicNoteIcon,
MusicalNoteIcon,
PencilIcon,
PhotographIcon,
PhotoIcon,
PlusIcon,
TerminalIcon,
CommandLineIcon,
TrashIcon,
VideoCameraIcon
} from '@heroicons/react/outline';
} from '@heroicons/react/24/outline';
import { basename, dirname } from 'path';
import * as React from 'react';
import { useCallback, useEffect, useMemo, useState } from 'react';
@@ -315,7 +315,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
key={script.title}
title={
<div className="flex items-center">
<TerminalIcon className="mr-2 h-5 w-5 flex-shrink-0" aria-hidden={true} />{' '}
<CommandLineIcon className="mr-2 h-5 w-5 flex-shrink-0" aria-hidden={true} />{' '}
<span>{script.title}</span>
</div>
}
@@ -361,7 +361,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
}
if (isImageFile) {
return <PhotographIcon className={`h-1/2 ${colors}`} />;
return <PhotoIcon className={`h-1/2 ${colors}`} />;
}
if (isVideoFile) {
@@ -369,7 +369,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
}
if (isAudioFile) {
icon = <MusicNoteIcon className={`h-4/6 ${colors}`} />;
icon = <MusicalNoteIcon className={`h-4/6 ${colors}`} />;
}
return (
@@ -471,7 +471,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
className={`h-1/3 text-white hover:text-[var(--vscode-button-background)]`}
onClick={insertSnippet}
>
<CodeIcon
<CodeBracketIcon
className={`w-full h-full hover:drop-shadow-md `}
aria-hidden="true"
/>
@@ -513,7 +513,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
{viewData?.data?.position && mediaSnippets.length > 0 && (
<QuickAction title={l10n.t(LocalizationKey.commonInsertSnippet)} onClick={insertSnippet}>
<CodeIcon className={`w-4 h-4`} aria-hidden="true" />
<CodeBracketIcon className={`w-4 h-4`} aria-hidden="true" />
</QuickAction>
)}
</>
@@ -570,7 +570,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
key={idx}
title={
<div className="flex items-center">
<CodeIcon
<CodeBracketIcon
className="mr-2 h-5 w-5 flex-shrink-0"
aria-hidden={true}
/>{' '}
@@ -668,7 +668,7 @@ export const Item: React.FunctionComponent<IItemProps> = ({
{showSnippetSelection && (
<InfoDialog
icon={<CodeIcon className="h-6 w-6" aria-hidden="true" />}
icon={<CodeBracketIcon className="h-6 w-6" aria-hidden="true" />}
title={l10n.t(LocalizationKey.commonInsertSnippet)}
description={l10n.t(LocalizationKey.dashboardMediaItemInfoDialogSnippetDescription)}
dismiss={() => setShowSnippetSelection(false)}
src/dashboardWebView/components/Media/Media.tsx
+2 -2
View File
@@ -1,5 +1,5 @@
import { Messenger } from '@estruyf/vscode/dist/client';
import { UploadIcon } from '@heroicons/react/outline';
import { ArrowUpTrayIcon } from '@heroicons/react/24/outline';
import * as React from 'react';
import { useRecoilValue } from 'recoil';
import {
@@ -182,7 +182,7 @@ export const Media: React.FunctionComponent<IMediaProps> = (
'text-[var(--vscode-foreground)] bg-[var(--vscode-editor-background)] opacity-75'
)
}`}>
<UploadIcon className={`h-32`} />
<ArrowUpTrayIcon className={`h-32`} />
<p className={`text-xl max-w-md text-center`}>
{selectedFolder
? l10n.t(LocalizationKey.dashboardMediaMediaFolderUpload, selectedFolder)
src/dashboardWebView/components/Media/SnippetSlideOver.tsx
+2 -2
View File
@@ -1,5 +1,5 @@
import { Dialog, Transition } from '@headlessui/react';
import { XIcon } from '@heroicons/react/outline';
import { XMarkIcon } from '@heroicons/react/24/outline';
import * as React from 'react';
import { Fragment, useRef } from 'react';
import * as l10n from '@vscode/l10n';
@@ -58,7 +58,7 @@ export const SnippetSlideOver: React.FunctionComponent<ISnippetSlideOverProps> =
onClick={dismiss}
>
<span className="sr-only">{l10n.t(LocalizationKey.dashboardMediaPanelClose)}</span>
<XIcon className="h-6 w-6" aria-hidden="true" />
<XMarkIcon className="h-6 w-6" aria-hidden="true" />
</button>
</div>
</div>