pricing tiers better fill the size of their container

This commit is contained in:
James Ritchie
2023-11-28 15:34:36 +00:00
parent 26445ca367
commit fa6b03f959
2 changed files with 7 additions and 10 deletions
@@ -1,12 +1,9 @@
import { cn } from "~/utils/cn";
import { Paragraph } from "../primitives/Paragraph";
import * as Slider from "@radix-ui/react-slider";
import { Button } from "../primitives/Buttons";
import { CheckIcon, XMarkIcon } from "@heroicons/react/24/solid";
import SegmentedControl from "../primitives/SegmentedControl";
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../primitives/Tooltip";
import { Header3 } from "../primitives/Headers";
import { cn } from "~/utils/cn";
import { DefinitionTip } from "../DefinitionTooltip";
import { Button } from "../primitives/Buttons";
import { Paragraph } from "../primitives/Paragraph";
import SegmentedControl from "../primitives/SegmentedControl";
const pricingDefinitions = {
concurrentRuns: {
@@ -45,7 +42,7 @@ export function PricingTiers({
return (
<div
className={cn(
"flex w-full flex-col items-center justify-center gap-4 md:flex-row",
"flex min-w-full flex-col items-center justify-center gap-4 md:flex-row",
className
)}
>
@@ -145,7 +142,7 @@ export function TierPro() {
</DefinitionTip>
, then{" "}
<DefinitionTip title="Runs volume discount" content={<RunsVolumeDiscountTable />}>
{"<"} $1.30/1,000 Runs
{"<"} $1.25/1k Runs
</DefinitionTip>
</FeatureItem>
<FeatureItem checked>
@@ -3,7 +3,7 @@ import { parse } from "@conform-to/zod";
import { ChartBarIcon } from "@heroicons/react/20/solid";
import type { ActionFunction, LoaderFunctionArgs } from "@remix-run/node";
import { json, redirect } from "@remix-run/node";
import { Form, useActionData } from "@remix-run/react";
import { useActionData } from "@remix-run/react";
import { typedjson, useTypedLoaderData } from "remix-typedjson";
import { z } from "zod";
import { PricingCalculator } from "~/components/billing/PricingCalculator";