Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Fixed linting errors due to tailwind class ordering

Browse source 
No ref
This commit is contained in:
Sanne de Vries 2023-06-01 17:57:22 +02:00
parent 8246a56846
commit 8aea35b78b
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ghost/signup-form/src/components/pages/FormView.tsx
View file

@ -20,9 +20,9 @@ export const FormView: React.FC<FormProps & {
data-testid="wrapper"
style={{backgroundColor, color: backgroundColor && textColorForBackgroundColor(backgroundColor)}}
>
{logo && <img alt={title} className='h-[64px] w-auto mb-2' src={logo}/>}
{logo && <img alt={title} className='mb-2 h-[64px] w-auto' src={logo}/>}
{title && <h1 className="text-center text-lg font-bold sm:text-xl md:text-2xl lg:text-3xl">{title}</h1>}
{description && <p className='mb-4 md:mb-5 text-center font-medium'>{description}</p>}
{description && <p className='mb-4 text-center font-medium md:mb-5'>{description}</p>}
<Form {...formProps} />
</div>
@ -59,13 +59,13 @@ const Form: React.FC<FormProps> = ({loading, error, buttonColor, onSubmit}) => {
onChange={e => setEmail(e.target.value)}
/>
<button
className='absolute inset-y-0 right-[.2rem] sm:right-[.3rem] my-auto h-7 sm:h-[3rem] rounded-[.3rem] px-2 sm:px-3 text-white'
className='absolute inset-y-0 right-[.2rem] my-auto h-7 rounded-[.3rem] px-2 text-white sm:right-[.3rem] sm:h-[3rem] sm:px-3'
data-testid="button"
disabled={loading}
style={{backgroundColor: buttonColor, color: buttonColor && textColorForBackgroundColor(buttonColor)}}
type='submit'
>Subscribe</button>
{error && <p className='absolute left-0 -bottom-4 pt-0.5 text-red-500' data-testid="error-message">{error}</p>}
{error && <p className='absolute -bottom-4 left-0 pt-0.5 text-red-500' data-testid="error-message">{error}</p>}
</form>
</>
);

8
ghost/signup-form/src/components/pages/SuccessView.tsx
View file

@ -4,8 +4,8 @@ import {textColorForBackgroundColor} from '@tryghost/color-utils';
export const SuccessView: React.FC<{
email: string;
isMinimal: boolean;
title?: string
logo?: string
title?: string;
logo?: string;
backgroundColor?: string;
}> = ({isMinimal, title, logo, backgroundColor}) => {
if (isMinimal) {
@ -21,9 +21,9 @@ export const SuccessView: React.FC<{
data-testid="success-page"
style={{backgroundColor, color: backgroundColor && textColorForBackgroundColor(backgroundColor)}}
>
{logo && <img alt={title} className='h-[64px] w-auto mb-2' src={logo}/>}
{logo && <img alt={title} className='mb-2 h-[64px] w-auto' src={logo}/>}
<h1 className='text-center text-lg font-bold sm:text-xl md:text-2xl lg:text-3xl'>Now check your email!</h1>
<p className='mb-4 sm:mb-[4.1rem] text-center'>To complete signup, click the confirmation link in your inbox. If it doesn't arrive within 3 minutes, check your spam folder!</p>
<p className='mb-4 text-center sm:mb-[4.1rem]'>To complete signup, click the confirmation link in your inbox. If it doesn&apos;t arrive within 3 minutes, check your spam folder!</p>
</div>
);
};