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

chore: run prettier

Browse source
This commit is contained in:
Matthew Penner 2023-01-12 12:31:47 -07:00
parent 9cdbbc3a00
commit 155d7bb876
No known key found for this signature in database
76 changed files with 788 additions and 550 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -64,7 +64,7 @@ export default () => {
return (
<ServerContentBlock title={'File Manager'} showFlashKey={'files'}>
<ErrorBoundary>
<div className={'flex flex-wrap-reverse md:flex-nowrap mb-4'}>
<div className={'mb-4 flex flex-wrap-reverse md:flex-nowrap'}>
<FileManagerBreadcrumbs
renderLeft={
<FileActionCheckbox

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

@ -25,7 +25,7 @@ const Spinner = ({ progress, className }: { progress: number; className?: string
{...svgProps}
stroke={'white'}
strokeDasharray={28 * Math.PI}
className={'rotate-[-90deg] origin-[50%_50%] transition-[stroke-dashoffset] duration-300'}
className={'origin-[50%_50%] rotate-[-90deg] transition-[stroke-dashoffset] duration-300'}
style={{ strokeDashoffset: ((100 - progress) / 100) * 28 * Math.PI }}
/>
</svg>
@ -40,20 +40,20 @@ const FileUploadList = () => {
);
return (
<div className={'space-y-2 mt-6'}>
<div className={'mt-6 space-y-2'}>
{uploads.map(([name, file]) => (
<div key={name} className={'flex items-center space-x-3 bg-slate-700 p-3 rounded'}>
<div key={name} className={'flex items-center space-x-3 rounded bg-slate-700 p-3'}>
<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'} />
<Spinner progress={(file.loaded / file.total) * 100} className={'h-6 w-6'} />
</div>
</Tooltip>
<Code className={'flex-1 truncate'}>{name}</Code>
<button
onClick={cancelFileUpload.bind(this, name)}
className={'text-slate-500 hover:text-slate-200 transition-colors duration-75'}
className={'text-slate-500 transition-colors duration-75 hover:text-slate-200'}
>
<XIcon className={'w-5 h-5'} />
<XIcon className={'h-5 w-5'} />
</button>
</div>
))}
@ -92,11 +92,11 @@ export default () => {
{count > 0 && (
<Tooltip content={`${count} files are uploading, click to view`}>
<button
className={'flex items-center justify-center w-10 h-10'}
className={'flex h-10 w-10 items-center justify-center'}
onClick={() => (open.value = true)}
>
<Spinner progress={(progress.uploaded / progress.total) * 100} className={'w-8 h-8'} />
<CloudUploadIcon className={'h-3 absolute mx-auto animate-pulse'} />
<Spinner progress={(progress.uploaded / progress.total) * 100} className={'h-8 w-8'} />
<CloudUploadIcon className={'absolute mx-auto h-3 animate-pulse'} />
</button>
</Tooltip>
)}

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

@ -62,7 +62,7 @@ const MassActionsBar = () => {
return (
<>
<div className="pointer-events-none fixed bottom-0 z-20 left-0 right-0 flex justify-center">
<div className="pointer-events-none fixed bottom-0 left-0 right-0 z-20 flex justify-center">
<SpinnerOverlay visible={loading} size={'large'} fixed>
{loadingMessage}
</SpinnerOverlay>
@ -93,9 +93,9 @@ const MassActionsBar = () => {
/>
)}
<Portal>
<div className="fixed bottom-0 mb-6 flex justify-center w-full z-50">
<div className="fixed bottom-0 z-50 mb-6 flex w-full justify-center">
<FadeTransition duration="duration-75" show={selectedFiles.length > 0} appear unmount>
<div className="flex items-center space-x-4 pointer-events-auto rounded p-4 bg-black/50">
<div className="pointer-events-auto flex items-center space-x-4 rounded bg-black/50 p-4">
<Button onClick={() => setShowMove(true)}>Move</Button>
<Button onClick={onClickCompress}>Archive</Button>
<Button.Danger variant={Button.Variants.Secondary} onClick={() => setShowConfirm(true)}>

8
resources/scripts/components/server/files/UploadButton.tsx
View file

@ -120,14 +120,14 @@ export default ({ className }: WithClassname) => {
onFileSubmission(e.dataTransfer.files);
}}
>
<div className={'w-full flex items-center justify-center pointer-events-none'}>
<div className={'pointer-events-none flex w-full items-center justify-center'}>
<div
className={
'flex items-center space-x-4 bg-black w-full ring-4 ring-blue-200 ring-opacity-60 rounded p-6 mx-10 max-w-sm'
'mx-10 flex w-full max-w-sm items-center space-x-4 rounded bg-black p-6 ring-4 ring-blue-200 ring-opacity-60'
}
>
<CloudUploadIcon className={'w-10 h-10 flex-shrink-0'} />
<p className={'font-header flex-1 text-lg text-neutral-100 text-center'}>
<CloudUploadIcon className={'h-10 w-10 flex-shrink-0'} />
<p className={'flex-1 text-center font-header text-lg text-neutral-100'}>
Drag and drop files to upload.
</p>
</div>