Skynet/misc_pterodactyl-panel
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ui(admin): add "working" React admin ui

Browse source
This commit is contained in:
Matthew Penner 2022-12-15 19:06:14 -07:00
parent d1c7494933
commit 5402584508
No known key found for this signature in database
199 changed files with 13387 additions and 151 deletions
Download patch file Download diff file Expand all files Collapse all files

2
resources/scripts/components/server/files/FileDropdownMenu.tsx
View file

@ -138,7 +138,7 @@ const FileDropdownMenu = ({ file }: { file: FileObject }) => {
onConfirmed={doDeletion}
>
You will not be able to recover the contents of 
<span className={'font-semibold text-gray-50'}>{file.name}</span> once deleted.
<span className={'font-semibold text-slate-50'}>{file.name}</span> once deleted.
</Dialog.Confirm>
<DropdownMenu
ref={onClickRef}

4
resources/scripts/components/server/files/FileManagerStatus.tsx
View file

@ -42,7 +42,7 @@ const FileUploadList = () => {
return (
<div className={'space-y-2 mt-6'}>
{uploads.map(([name, file]) => (
<div key={name} className={'flex items-center space-x-3 bg-gray-700 p-3 rounded'}>
<div key={name} className={'flex items-center space-x-3 bg-slate-700 p-3 rounded'}>
<Tooltip content={`${Math.floor((file.loaded / file.total) * 100)}%`} placement={'left'}>
<div className={'flex-shrink-0'}>
<Spinner progress={(file.loaded / file.total) * 100} className={'w-6 h-6'} />
@ -51,7 +51,7 @@ const FileUploadList = () => {
<Code className={'flex-1 truncate'}>{name}</Code>
<button
onClick={cancelFileUpload.bind(this, name)}
className={'text-gray-500 hover:text-gray-200 transition-colors duration-75'}
className={'text-slate-500 hover:text-slate-200 transition-colors duration-75'}
>
<XIcon className={'w-5 h-5'} />
</button>

2
resources/scripts/components/server/files/MassActionsBar.tsx
View file

@ -75,7 +75,7 @@ const MassActionsBar = () => {
>
<p className="mb-2">
Are you sure you want to delete&nbsp;
<span className="font-semibold text-gray-50">{selectedFiles.length} files</span>? This is a
<span className="font-semibold text-slate-50">{selectedFiles.length} files</span>? This is a
permanent action and the files cannot be recovered.
</p>
{selectedFiles.slice(0, 15).map(file => (