diff --git a/apps/dashboard/app/(app)/apis/[apiId]/settings/components/copy-api-id.tsx b/apps/dashboard/app/(app)/apis/[apiId]/settings/components/copy-api-id.tsx index 6ce03b783b..c5ac4bee86 100644 --- a/apps/dashboard/app/(app)/apis/[apiId]/settings/components/copy-api-id.tsx +++ b/apps/dashboard/app/(app)/apis/[apiId]/settings/components/copy-api-id.tsx @@ -1,43 +1,38 @@ import { toast } from "@/components/ui/toaster"; import { Clone } from "@unkey/icons"; -import { SettingCard } from "@unkey/ui"; -import { Input } from "@unkey/ui"; +import { Input, SettingCard } from "@unkey/ui"; export const CopyApiId = ({ apiId }: { apiId: string }) => { return ( - API ID - - } + title={"API ID"} description={ -
- An identifier for the API, used in some API calls. -
+
An identifier for the API, used in some API calls.
} border="bottom" - contentWidth="w-full lg:w-[320px]" + contentWidth="w-full lg:w-[320px] justify-end items-end" > - { - navigator.clipboard.writeText(apiId); - toast.success("Copied to clipboard", { - description: apiId, - }); - }} - > - - - } - /> +
+ { + navigator.clipboard.writeText(apiId); + toast.success("Copied to clipboard", { + description: apiId, + }); + }} + > + + + } + /> +
); }; diff --git a/apps/dashboard/app/(app)/apis/[apiId]/settings/components/default-bytes.tsx b/apps/dashboard/app/(app)/apis/[apiId]/settings/components/default-bytes.tsx index ff9866a49e..2e870d969b 100644 --- a/apps/dashboard/app/(app)/apis/[apiId]/settings/components/default-bytes.tsx +++ b/apps/dashboard/app/(app)/apis/[apiId]/settings/components/default-bytes.tsx @@ -1,11 +1,9 @@ "use client"; import { Form, FormControl, FormField, FormItem, FormMessage } from "@/components/ui/form"; -import { Input } from "@/components/ui/input"; import { toast } from "@/components/ui/toaster"; import { trpc } from "@/lib/trpc/client"; import { zodResolver } from "@hookform/resolvers/zod"; -import { SettingCard } from "@unkey/ui"; -import { Button } from "@unkey/ui"; +import { Button, Input, SettingCard } from "@unkey/ui"; import { useRouter } from "next/navigation"; import { useForm } from "react-hook-form"; import { z } from "zod"; @@ -64,20 +62,17 @@ export const DefaultBytes: React.FC = ({ keyAuth }) => {
- Default Bytes - - } + title={"Default Bytes"} description={ -
+
Sets the default byte size for keys under this API. Must be between 8 and 255.
} border="top" - contentWidth="w-full lg:w-[320px]" + className="border-b-1" + contentWidth="w-full lg:w-[320px] h-full" > -
+
- } + title={"Default Prefix"} description={ -
+
Sets the default prefix for keys under this API. A trailing underscore is added automatically.
} border="bottom" + contentWidth="w-full lg:w-[320px] h-full" > -
+