fix: icons not aligned center on firefox (#1251)

This commit is contained in:
Ali Yar Khan
2023-10-17 18:18:32 +05:00
committed by GitHub
parent eb64b5f202
commit 7a7acd5ffa

View File

@@ -48,11 +48,11 @@ export const PricingTable = ({ leadRow, pricing, endRow }) => {
</TooltipProvider>
) : feature.free ? (
<div className="h-6 w-6 rounded-full border border-green-300 bg-green-100 p-0.5 dark:border-green-600 dark:bg-green-900">
<CheckIcon className="p-0.5 text-green-500 dark:text-green-300" />
<CheckIcon className=" text-green-500 dark:text-green-300" />
</div>
) : (
<div className="h-6 w-6 rounded-full border border-red-300 bg-red-100 p-0.5 dark:border-red-500 dark:bg-red-300">
<XMarkIcon className="dark:red-300 p-0.5 text-red-500 dark:text-red-600" />
<XMarkIcon className="text-red-500 dark:text-red-600" />
</div>
)}
</div>
@@ -72,11 +72,11 @@ export const PricingTable = ({ leadRow, pricing, endRow }) => {
</TooltipProvider>
) : feature.paid ? (
<div className="h-6 w-6 rounded-full border border-green-300 bg-green-100 p-0.5 dark:border-green-600 dark:bg-green-900">
<CheckIcon className="p-0.5 text-green-500 dark:text-green-300" />
<CheckIcon className="text-green-500 dark:text-green-300" />
</div>
) : (
<div className="h-6 w-6 rounded-full border border-red-300 bg-red-100 p-0.5 dark:border-red-600 dark:bg-red-900">
<XMarkIcon className="dark:red-300 p-0.5 text-red-500" />
<XMarkIcon className="dark:text-red-600 text-red-500" />
</div>
)}
</div>