mirrors/jellyseerr
1
0
Fork 0
mirror of https://github.com/fallenbagel/jellyseerr.git synced 2026-01-11 17:16:50 -05:00
Code Packages Releases 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

4
src/components/Setup/LoginWithPlex.tsx
View File

@@ -45,10 +45,10 @@ const LoginWithPlex: React.FC<LoginWithPlexProps> = ({ onComplete }) => {
return (
<form>
<div className="flex justify-center mb-2 text-xl font-bold">
<div className="mb-2 flex justify-center text-xl font-bold">
{intl.formatMessage(messages.welcome)}
</div>
<div className="flex justify-center pb-6 mb-2 text-sm">
<div className="mb-2 flex justify-center pb-6 text-sm">
{intl.formatMessage(messages.signinMessage)}
</div>
<div className="flex items-center justify-center">

16
src/components/Setup/SetupSteps.tsx
View File

@@ -17,14 +17,14 @@ const SetupSteps: React.FC<CurrentStep> = ({
isLastStep = false,
}) => {
return (
<li className="relative md:flex-1 md:flex">
<div className="flex items-center px-6 py-4 space-x-4 text-sm font-medium leading-5">
<li className="relative md:flex md:flex-1">
<div className="flex items-center space-x-4 px-6 py-4 text-sm font-medium leading-5">
<div
className={`flex-shrink-0 w-10 h-10 flex items-center justify-center border-2
className={`flex h-10 w-10 flex-shrink-0 items-center justify-center border-2
${active ? 'border-indigo-600 ' : 'border-white '}
${completed ? 'bg-indigo-600 border-indigo-600 ' : ''} rounded-full`}
${completed ? 'border-indigo-600 bg-indigo-600 ' : ''} rounded-full`}
>
{completed && <CheckIcon className="w-6 h-6 text-white" />}
{completed && <CheckIcon className="h-6 w-6 text-white" />}
{!completed && (
<p className={active ? 'text-white' : 'text-indigo-200'}>
{stepNumber}
@@ -32,7 +32,7 @@ const SetupSteps: React.FC<CurrentStep> = ({
)}
</div>
<p
className={`text-sm leading-5 font-medium ${
className={`text-sm font-medium leading-5 ${
active ? 'text-white' : 'text-indigo-200'
}`}
>
@@ -41,9 +41,9 @@ const SetupSteps: React.FC<CurrentStep> = ({
</div>
{!isLastStep && (
<div className="absolute top-0 right-0 hidden w-5 h-full md:block">
<div className="absolute top-0 right-0 hidden h-full w-5 md:block">
<svg
className="w-full h-full text-gray-600"
className="h-full w-full text-gray-600"
viewBox="0 0 22 80"
fill="none"
preserveAspectRatio="none"

14
src/components/Setup/index.tsx
View File

@@ -58,7 +58,7 @@ const Setup: React.FC = () => {
});
return (
<div className="relative flex flex-col justify-center min-h-screen py-12 bg-gray-900">
<div className="relative flex min-h-screen flex-col justify-center bg-gray-900 py-12">
<PageTitle title={intl.formatMessage(messages.setup)} />
<ImageFader
backgroundImages={
@@ -67,19 +67,19 @@ const Setup: React.FC = () => {
) ?? []
}
/>
<div className="absolute z-50 top-4 right-4">
<div className="absolute top-4 right-4 z-50">
<LanguagePicker />
</div>
<div className="relative z-40 px-4 sm:mx-auto sm:w-full sm:max-w-4xl">
<img
src="/logo_stacked.svg"
className="max-w-full mb-10 sm:max-w-md sm:mx-auto"
className="mb-10 max-w-full sm:mx-auto sm:max-w-md"
alt="Logo"
/>
<AppDataWarning />
<nav className="relative z-50">
<ul
className="bg-gray-800 bg-opacity-50 border border-gray-600 divide-y divide-gray-600 rounded-md md:flex md:divide-y-0"
className="divide-y divide-gray-600 rounded-md border border-gray-600 bg-gray-800 bg-opacity-50 md:flex md:divide-y-0"
style={{ backdropFilter: 'blur(5px)' }}
>
<SetupSteps
@@ -102,7 +102,7 @@ const Setup: React.FC = () => {
/>
</ul>
</nav>
<div className="w-full p-4 mt-10 text-white bg-gray-800 bg-opacity-50 border border-gray-600 rounded-md">
<div className="mt-10 w-full rounded-md border border-gray-600 bg-gray-800 bg-opacity-50 p-4 text-white">
{currentStep === 1 && (
<LoginWithPlex onComplete={() => setCurrentStep(2)} />
)}
@@ -117,7 +117,7 @@ const Setup: React.FC = () => {
</div>
<div className="actions">
<div className="flex justify-end">
<span className="inline-flex ml-3 rounded-md shadow-sm">
<span className="ml-3 inline-flex rounded-md shadow-sm">
<Button
buttonType="primary"
disabled={!plexSettingsComplete}
@@ -135,7 +135,7 @@ const Setup: React.FC = () => {
<SettingsServices />
<div className="actions">
<div className="flex justify-end">
<span className="inline-flex ml-3 rounded-md shadow-sm">
<span className="ml-3 inline-flex rounded-md shadow-sm">
<Button
buttonType="primary"
onClick={() => finishSetup()}