mirror of
https://github.com/sqlchat/sqlchat.git
synced 2025-09-28 18:43:53 +08:00
chore: misc dark mode fix
This commit is contained in:
@ -74,7 +74,7 @@ const OpenAIApiConfigView = () => {
|
|||||||
<>
|
<>
|
||||||
<div className="w-full border border-gray-200 dark:border-zinc-700 p-4 rounded-lg">
|
<div className="w-full border border-gray-200 dark:border-zinc-700 p-4 rounded-lg">
|
||||||
<div>
|
<div>
|
||||||
<label className="text-base font-semibold text-gray-900">{t("setting.openai-api-configuration.model")}</label>
|
<label className="text-base font-semibold ">{t("setting.openai-api-configuration.model")}</label>
|
||||||
<p className="text-sm text-gray-500">{t("setting.openai-api-configuration.model-description")}</p>
|
<p className="text-sm text-gray-500">{t("setting.openai-api-configuration.model-description")}</p>
|
||||||
<fieldset className="mt-4">
|
<fieldset className="mt-4">
|
||||||
<div className="space-y-4 sm:flex sm:items-center sm:space-x-10 sm:space-y-0">
|
<div className="space-y-4 sm:flex sm:items-center sm:space-x-10 sm:space-y-0">
|
||||||
@ -91,7 +91,7 @@ const OpenAIApiConfigView = () => {
|
|||||||
</fieldset>
|
</fieldset>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col mt-4">
|
<div className="flex flex-col mt-4">
|
||||||
<label className="text-base font-semibold text-gray-900">OpenAI API Key</label>
|
<label className="text-base font-semibold">OpenAI API Key</label>
|
||||||
<p className="text-sm text-gray-500">{t("setting.openai-api-configuration.key-description")}</p>
|
<p className="text-sm text-gray-500">{t("setting.openai-api-configuration.key-description")}</p>
|
||||||
<TextField
|
<TextField
|
||||||
className="mt-4"
|
className="mt-4"
|
||||||
@ -101,7 +101,7 @@ const OpenAIApiConfigView = () => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col mt-4">
|
<div className="flex flex-col mt-4">
|
||||||
<label className="text-base font-semibold text-gray-900">OpenAI API Endpoint</label>
|
<label className="text-base font-semibold">OpenAI API Endpoint</label>
|
||||||
<p className="text-sm text-gray-500">{t("setting.openai-api-configuration.endpoint-description")}</p>
|
<p className="text-sm text-gray-500">{t("setting.openai-api-configuration.endpoint-description")}</p>
|
||||||
<TextField
|
<TextField
|
||||||
className="mt-4"
|
className="mt-4"
|
||||||
|
@ -58,7 +58,7 @@ const QuotaView = (props: Props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className="flex justify-between pt-1">
|
<div className="flex justify-between pt-1">
|
||||||
<div>{t("common.quota")}</div>
|
<div>{t("common.quota")}</div>
|
||||||
<div className={quota.current >= quota.limit ? "text-red-600" : "text-black"}>
|
<div className={quota.current >= quota.limit ? "text-red-600" : "text-black dark:text-gray-300"}>
|
||||||
{quota.current}/{quota.limit}
|
{quota.current}/{quota.limit}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -174,7 +174,7 @@ const SettingPage: NextPage = () => {
|
|||||||
|
|
||||||
<main className="lg:pl-72">
|
<main className="lg:pl-72">
|
||||||
{router.query.session_id && <StripeCheckPaymentBanner sessionId={router.query.session_id as string} />}
|
{router.query.session_id && <StripeCheckPaymentBanner sessionId={router.query.session_id as string} />}
|
||||||
<div className="px-4 sm:px-6 lg:px-8">
|
<div className="px-4 sm:px-6 lg:px-8 dark:bg-zinc-800">
|
||||||
<SettingView />
|
<SettingView />
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
Reference in New Issue
Block a user