mirrors/jellyseerr
1
0
Fork 0
mirror of https://github.com/fallenbagel/jellyseerr.git synced 2026-01-01 12:18:35 -05:00
Code Issues Packages Projects Releases Wiki Activity

style: add new tailwind prettier plugin (#2465)

Browse Source
This commit is contained in:
Ryan Cohen
2022-01-25 21:09:41 +09:00
committed by GitHub
parent 5b2a8f682b
commit 822ae9eec7
104 changed files with 737 additions and 734 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Toast/index.tsx
View File

@@ -16,7 +16,7 @@ const Toast: React.FC<ToastProps> = ({
transitionState,
}) => {
return (
<div className="flex items-end justify-center max-w-full px-2 py-2 pointer-events-none toast sm:items-start sm:justify-end">
<div className="toast pointer-events-none flex max-w-full items-end justify-center px-2 py-2 sm:items-start sm:justify-end">
<Transition
show={transitionState === 'entered'}
enter="transition duration-300 transform-gpu"
@@ -26,31 +26,31 @@ const Toast: React.FC<ToastProps> = ({
leaveFrom="opacity-100 scale-100"
leaveTo="opacity-0 scale-90"
>
<div className="w-full max-w-sm bg-gray-800 rounded-lg shadow-lg pointer-events-auto ring-1 ring-gray-500">
<div className="pointer-events-auto w-full max-w-sm rounded-lg bg-gray-800 shadow-lg ring-1 ring-gray-500">
<div className="overflow-hidden rounded-lg ring-1 ring-black ring-opacity-5">
<div className="p-4">
<div className="flex items-start">
<div className="flex-shrink-0">
{appearance === 'success' && (
<CheckCircleIcon className="w-6 h-6 text-green-400" />
<CheckCircleIcon className="h-6 w-6 text-green-400" />
)}
{appearance === 'error' && (
<ExclamationCircleIcon className="w-6 h-6 text-red-500" />
<ExclamationCircleIcon className="h-6 w-6 text-red-500" />
)}
{appearance === 'info' && (
<InformationCircleIcon className="w-6 h-6 text-indigo-500" />
<InformationCircleIcon className="h-6 w-6 text-indigo-500" />
)}
{appearance === 'warning' && (
<ExclamationIcon className="w-6 h-6 text-orange-400" />
<ExclamationIcon className="h-6 w-6 text-orange-400" />
)}
</div>
<div className="flex-1 w-0 ml-3 text-white">{children}</div>
<div className="flex flex-shrink-0 ml-4">
<div className="ml-3 w-0 flex-1 text-white">{children}</div>
<div className="ml-4 flex flex-shrink-0">
<button
onClick={() => onDismiss()}
className="inline-flex text-gray-400 transition duration-150 ease-in-out focus:outline-none focus:text-gray-500"
className="inline-flex text-gray-400 transition duration-150 ease-in-out focus:text-gray-500 focus:outline-none"
>
<XIcon className="w-5 h-5" />
<XIcon className="h-5 w-5" />
</button>
</div>
</div>