shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(css): Apply global CSS classes (#874)

Browse Source
This commit is contained in:
TheCatLady
2021-02-09 09:57:19 -05:00
committed by GitHub
parent c8b2a57721
commit 7e906e2d46
5 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/ResetPassword/RequestResetLink.tsx
View File

@@ -109,9 +109,7 @@ const ResetPassword: React.FC = () => {
/> />
</div> </div>
{errors.email && touched.email && ( {errors.email && touched.email && (
<div className="mt-2 text-red-500"> <div className="error">{errors.email}</div>
{errors.email}
</div>
)} )}
</div> </div>
</div> </div>

6
src/components/ResetPassword/index.tsx
View File

@@ -128,9 +128,7 @@ const ResetPassword: React.FC = () => {
/> />
</div> </div>
{errors.password && touched.password && ( {errors.password && touched.password && (
<div className="mt-2 text-red-500"> <div className="error">{errors.password}</div>
{errors.password}
</div>
)} )}
</div> </div>
<label <label
@@ -151,7 +149,7 @@ const ResetPassword: React.FC = () => {
</div> </div>
{errors.confirmPassword && {errors.confirmPassword &&
touched.confirmPassword && ( touched.confirmPassword && (
<div className="mt-2 text-red-500"> <div className="error">
{errors.confirmPassword} {errors.confirmPassword}
</div> </div>
)} )}

14
src/components/Settings/RadarrModal/index.tsx
View File

@@ -342,7 +342,7 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="name" className="text-label"> <label htmlFor="name" className="text-label">
{intl.formatMessage(messages.servername)} {intl.formatMessage(messages.servername)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">
@@ -367,7 +367,7 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="hostname" className="text-label"> <label htmlFor="hostname" className="text-label">
{intl.formatMessage(messages.hostname)} {intl.formatMessage(messages.hostname)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">
@@ -394,7 +394,7 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="port" className="text-label"> <label htmlFor="port" className="text-label">
{intl.formatMessage(messages.port)} {intl.formatMessage(messages.port)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<Field <Field
@@ -432,7 +432,7 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="apiKey" className="text-label"> <label htmlFor="apiKey" className="text-label">
{intl.formatMessage(messages.apiKey)} {intl.formatMessage(messages.apiKey)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">
@@ -481,7 +481,7 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="activeProfileId" className="text-label"> <label htmlFor="activeProfileId" className="text-label">
{intl.formatMessage(messages.qualityprofile)} {intl.formatMessage(messages.qualityprofile)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">
@@ -519,7 +519,7 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="rootFolder" className="text-label"> <label htmlFor="rootFolder" className="text-label">
{intl.formatMessage(messages.rootfolder)} {intl.formatMessage(messages.rootfolder)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">
@@ -555,7 +555,7 @@ const RadarrModal: React.FC<RadarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="minimumAvailability" className="text-label"> <label htmlFor="minimumAvailability" className="text-label">
{intl.formatMessage(messages.minimumAvailability)} {intl.formatMessage(messages.minimumAvailability)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">

14
src/components/Settings/SonarrModal/index.tsx
View File

@@ -371,7 +371,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="name" className="text-label"> <label htmlFor="name" className="text-label">
{intl.formatMessage(messages.servername)} {intl.formatMessage(messages.servername)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">
@@ -396,7 +396,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="hostname" className="text-label"> <label htmlFor="hostname" className="text-label">
{intl.formatMessage(messages.hostname)} {intl.formatMessage(messages.hostname)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">
@@ -423,7 +423,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="port" className="text-label"> <label htmlFor="port" className="text-label">
{intl.formatMessage(messages.port)} {intl.formatMessage(messages.port)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<Field <Field
@@ -461,7 +461,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="apiKey" className="text-label"> <label htmlFor="apiKey" className="text-label">
{intl.formatMessage(messages.apiKey)} {intl.formatMessage(messages.apiKey)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">
@@ -510,7 +510,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="activeProfileId" className="text-label"> <label htmlFor="activeProfileId" className="text-label">
{intl.formatMessage(messages.qualityprofile)} {intl.formatMessage(messages.qualityprofile)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">
@@ -548,7 +548,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
<div className="form-row"> <div className="form-row">
<label htmlFor="rootFolder" className="text-label"> <label htmlFor="rootFolder" className="text-label">
{intl.formatMessage(messages.rootfolder)} {intl.formatMessage(messages.rootfolder)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">
@@ -587,7 +587,7 @@ const SonarrModal: React.FC<SonarrModalProps> = ({
className="text-label" className="text-label"
> >
{intl.formatMessage(messages.languageprofile)} {intl.formatMessage(messages.languageprofile)}
<span className="text-red-500">*</span> <span className="label-required">*</span>
</label> </label>
<div className="form-input"> <div className="form-input">
<div className="flex max-w-lg rounded-md shadow-sm"> <div className="flex max-w-lg rounded-md shadow-sm">

4
src/styles/globals.css
View File

@@ -66,6 +66,10 @@ ul.cardList > li {
@apply text-white sm:col-span-2; @apply text-white sm:col-span-2;
} }
.label-required {
@apply text-red-500;
}
.label-tip { .label-tip {
@apply block text-gray-500; @apply block text-gray-500;
} }