mokhtar/shellphone.app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove red cross from unavailable features and fade out text instead

Browse Source
This commit is contained in:
m5r 2021-09-25 18:58:07 +08:00
parent 73e11d7a65
commit a483bd62ab
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/public-area/pages/pricing.tsx
View File

@ -1,6 +1,6 @@
import type { BlitzPage } from "blitz";
import { Link, Routes } from "blitz";
import { HiCheck, HiX } from "react-icons/hi";
import { HiCheck } from "react-icons/hi";
import clsx from "clsx";
import * as Panelbear from "@panelbear/panelbear-js";
@ -96,8 +96,7 @@ const Pricing: BlitzPage = () => {
))}
{tier.unavailableFeatures.map((feature) => (
<li key={feature} className="flex">
<HiX className="flex-shrink-0 w-6 h-6 text-[#d95565]" aria-hidden="true" />
<span className="ml-3 text-gray-500">
<span className="ml-9 text-gray-400">
{~feature.indexOf("(coming soon)")
? feature.slice(0, feature.indexOf("(coming soon)"))
: feature}