rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): tailwind css (#1147)

Browse Source
This commit is contained in:
Aman Harwara
2022-06-28 02:50:52 +05:30
committed by GitHub
parent 0ead805412
commit b80038f607
201 changed files with 1824 additions and 2699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/web/src/javascripts/Components/PremiumFeaturesModal/PremiumFeaturesModal.tsx
View File

@@ -31,9 +31,9 @@ const PremiumFeaturesModal: FunctionComponent<Props> = ({
}, [application, hasSubscription])
return showModal ? (
<AlertDialog leastDestructiveRef={plansButtonRef}>
<AlertDialog leastDestructiveRef={plansButtonRef} className="p-0">
<div tabIndex={-1} className="sn-component">
<div tabIndex={0} className="max-w-89 bg-default rounded shadow-overlay p-4">
<div tabIndex={0} className="max-w-89 bg-default rounded shadow-main p-4">
<AlertDialogLabel>
<div className="flex justify-end p-1">
<button
@@ -41,7 +41,7 @@ const PremiumFeaturesModal: FunctionComponent<Props> = ({
onClick={onClose}
aria-label="Close modal"
>
<Icon className="color-neutral" type="close" />
<Icon className="text-neutral" type="close" />
</button>
</div>
<div className="flex items-center justify-center p-1" aria-hidden={true}>
@@ -49,14 +49,14 @@ const PremiumFeaturesModal: FunctionComponent<Props> = ({
</div>
<div className="text-lg text-center font-bold mb-1">Enable Advanced Features</div>
</AlertDialogLabel>
<AlertDialogDescription className="text-sm text-center color-passive-1 px-4.5 mb-2">
<AlertDialogDescription className="text-sm text-center text-passive-1 px-4.5 mb-2">
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 color-info-contrast hover:brightness-130 focus:brightness-130 cursor-pointer"
className="w-full rounded no-border py-2 font-bold bg-info text-info-contrast hover:brightness-125 focus:brightness-125 cursor-pointer"
ref={plansButtonRef}
>
{hasSubscription ? 'Upgrade Plan' : 'See Plans'}