chore: updates
This commit is contained in:
@@ -17,7 +17,7 @@ const APIDocument = () => {
|
||||
<div className="text-gray-500 dark:text-gray-100">
|
||||
{t("api_doc.desc")}
|
||||
</div>
|
||||
<div className='flex flex-col gap-2'>
|
||||
<div className='flex flex-col gap-2 w-full'>
|
||||
<h2 className='text-gray-700 dark:text-white text-xl font-bold'>
|
||||
{t("api_doc.access")}
|
||||
</h2>
|
||||
@@ -25,11 +25,11 @@ const APIDocument = () => {
|
||||
{APIUrl}
|
||||
</a>
|
||||
</div>
|
||||
<div className='flex flex-col gap-2'>
|
||||
<div className='flex flex-col gap-2 w-full'>
|
||||
<h2 className='text-gray-700 dark:text-white text-xl font-bold'>
|
||||
{t("api_doc.use_method")}
|
||||
</h2>
|
||||
<div className=" flex flex-col gap-6">
|
||||
<div className="flex flex-col gap-6">
|
||||
<div className="flex flex-col gap-2">
|
||||
<h3 className='text-gray-700 dark:text-white text-lg'>
|
||||
👉 {t("api_doc.step_1")}
|
||||
@@ -45,7 +45,7 @@ const APIDocument = () => {
|
||||
</span>
|
||||
</h3>
|
||||
<div className='flex flex-col border border-solid border-green-500 bg-green-100 rounded-md p-2 w-fit break-words text-sm relative'>
|
||||
<p className="max-w-4xl font-bold">
|
||||
<p className="break-all md:max-w-4xl font-bold">
|
||||
{token}
|
||||
<IconCopy onClick={handleCopy} className="absolute right-2 bottom-2 cursor-pointer" />
|
||||
</p>
|
||||
|
||||
@@ -10,10 +10,10 @@ import UpdateLicenseModal from "./UpdateLicenseModal";
|
||||
|
||||
interface ItemProps extends HTMLAttributes<HTMLSpanElement> { label: string, data?: string | number | string[], foldable?: boolean }
|
||||
const Item = ({ label, data, foldable = false, ...rest }: ItemProps) => {
|
||||
const infoClass = clsx("font-bold w-full cursor-pointer", foldable ? "truncate" : "whitespace-pre-wrap break-all");
|
||||
const infoClass = clsx("font-bold w-full cursor-pointer dark:text-green-500", foldable ? "truncate" : "whitespace-pre-wrap break-all");
|
||||
if (!data) return null;
|
||||
return <div className="whitespace-nowrap flex flex-col items-start justify-start text-lg">
|
||||
<span className="text-sm text-gray-400 dark:text-white">{label}</span>
|
||||
<span className="text-sm text-green-500">{label}</span>
|
||||
{Array.isArray(data) ? <ul className={infoClass}>
|
||||
{data.map((d) => {
|
||||
return <li key={d}>{d}</li>;
|
||||
@@ -44,7 +44,7 @@ export default function License() {
|
||||
return (
|
||||
<>
|
||||
<div className="max-w-3xl flex flex-col justify-start items-start gap-4">
|
||||
<div className={clsx('relative w-full p-3 rounded border-solid border flex flex-col gap-4 shadow', reachLimit ? "border-red-600 bg-red-200/50" : "border-green-600 bg-green-200/50")}>
|
||||
<div className={clsx('relative w-full p-3 rounded border-solid border flex flex-col gap-4 shadow', reachLimit ? "border-red-600 bg-red-200/50" : "border-green-600 bg-green-100 dark:bg-green-900")}>
|
||||
<Item label={t("license.signed")} data={licenseInfo?.sign ? "Yes" : "Not Yet"} />
|
||||
<Item label={t("license.domain")} data={licenseInfo?.domains} />
|
||||
<Item label={t("license.user_limit")} data={licenseInfo?.user_limit == 99999 ? "No Limit" : licenseInfo?.user_limit} />
|
||||
|
||||
Reference in New Issue
Block a user