klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-02 13:18:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add contrast to setting card inputs in dark mode on web app

Browse Source
This commit is contained in:
Debanjum
2025-01-11 14:39:02 +07:00
parent 9e8b8dc5a2
commit 51a774c993
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/interface/web/app/settings/page.tsx
View File

@@ -523,7 +523,7 @@ function ApiKeyCard() {
{apiKeys.map((key) => (
<TableRow key={key.token}>
<TableCell className="pl-0 py-3">{key.name}</TableCell>
<TableCell className="grid grid-flow-col grid-cols-[1fr_auto] bg-secondary rounded-xl p-3 m-1">
<TableCell className="grid grid-flow-col grid-cols-[1fr_auto] bg-secondary dark:bg-background rounded-xl p-3 m-1">
<span className="font-mono text-left w-[50px] md:w-[400px]">
{visibleApiKeys.has(key.token)
? key.token
@@ -611,7 +611,7 @@ export default function SettingsView() {
const title = "Settings";
const cardClassName =
"w-full lg:w-5/12 grid grid-flow-column border border-gray-300 shadow-md rounded-lg border dark:border-none dark:bg-muted border-opacity-50";
"w-full lg:w-5/12 grid grid-flow-column border border-gray-300 shadow-md rounded-lg border dark:border-none border-opacity-50 dark:bg-muted";
useEffect(() => {
setUserConfig(initialUserConfig);

1
src/interface/web/app/settings/settings.module.css
View File

@@ -23,6 +23,7 @@ div.phoneInput input {
width: 100%;
padding: 0.5rem;
border: 1px solid hsla(var(--border));
background-color: hsla(var(--background));
border-radius: 0.25rem;
}