style: tailwind classname sorting (#1169)

This commit is contained in:
Aman Harwara
2022-06-28 13:37:38 +05:30
committed by GitHub
parent 15ca2d358b
commit ee5b6627da
159 changed files with 565 additions and 549 deletions

View File

@@ -33,11 +33,11 @@ const PremiumFeaturesModal: FunctionComponent<Props> = ({
return showModal ? (
<AlertDialog leastDestructiveRef={plansButtonRef} className="p-0">
<div tabIndex={-1} className="sn-component">
<div tabIndex={0} className="max-w-89 bg-default rounded shadow-main p-4">
<div tabIndex={0} className="max-w-89 rounded bg-default p-4 shadow-main">
<AlertDialogLabel>
<div className="flex justify-end p-1">
<button
className="flex p-0 cursor-pointer bg-transparent border-0"
className="flex cursor-pointer border-0 bg-transparent p-0"
onClick={onClose}
aria-label="Close modal"
>
@@ -47,16 +47,16 @@ const PremiumFeaturesModal: FunctionComponent<Props> = ({
<div className="flex items-center justify-center p-1" aria-hidden={true}>
<PremiumIllustration className="mb-2" />
</div>
<div className="text-lg text-center font-bold mb-1">Enable Advanced Features</div>
<div className="mb-1 text-center text-lg font-bold">Enable Advanced Features</div>
</AlertDialogLabel>
<AlertDialogDescription className="text-sm text-center text-passive-1 px-4.5 mb-2">
<AlertDialogDescription className="mb-2 px-4.5 text-center text-sm text-passive-1">
In order to use <span className="font-semibold">{featureName}</span> and other advanced features, please
purchase a subscription or upgrade your current plan.
</AlertDialogDescription>
<div className="p-4">
<button
onClick={handleClick}
className="w-full rounded no-border py-2 font-bold bg-info text-info-contrast hover:brightness-125 focus:brightness-125 cursor-pointer"
className="no-border w-full cursor-pointer rounded bg-info py-2 font-bold text-info-contrast hover:brightness-125 focus:brightness-125"
ref={plansButtonRef}
>
{hasSubscription ? 'Upgrade Plan' : 'See Plans'}