kamp/anything-llm
1
0
Fork 0
mirror of https://github.com/Mintplex-Labs/anything-llm.git synced 2024-11-19 12:40:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Serp options dark mode (#2492)

Browse Source 
serp options dark mode
This commit is contained in:
Sean Hatfield 2024-10-16 15:03:20 -07:00 committed by GitHub
parent 5becc1dc3f
commit d8e0c405a3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/pages/Admin/Agents/WebSearchSelection/SearchProviderOptions/index.jsx
View File

@ -20,7 +20,7 @@ export function GoogleSearchOptions({ settings }) {
<input <input
type="text" type="text"
name="env::AgentGoogleSearchEngineId" name="env::AgentGoogleSearchEngineId"
className="border-none bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5" className="border-none bg-theme-settings-input-bg text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
placeholder="Google Search Engine Id" placeholder="Google Search Engine Id"
defaultValue={settings?.AgentGoogleSearchEngineId} defaultValue={settings?.AgentGoogleSearchEngineId}
required={true} required={true}
@ -35,7 +35,7 @@ export function GoogleSearchOptions({ settings }) {
<input <input
type="password" type="password"
name="env::AgentGoogleSearchEngineKey" name="env::AgentGoogleSearchEngineKey"
className="border-none bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5" className="border-none bg-theme-settings-input-bg text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
placeholder="Google Search Engine API Key" placeholder="Google Search Engine API Key"
defaultValue={ defaultValue={
settings?.AgentGoogleSearchEngineKey ? "*".repeat(20) : "" settings?.AgentGoogleSearchEngineKey ? "*".repeat(20) : ""
@ -87,7 +87,7 @@ export function SearchApiOptions({ settings }) {
<input <input
type="password" type="password"
name="env::AgentSearchApiKey" name="env::AgentSearchApiKey"
className="border-none bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5" className="border-none bg-theme-settings-input-bg text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
placeholder="SearchApi API Key" placeholder="SearchApi API Key"
defaultValue={settings?.AgentSearchApiKey ? "*".repeat(20) : ""} defaultValue={settings?.AgentSearchApiKey ? "*".repeat(20) : ""}
required={true} required={true}
@ -102,7 +102,7 @@ export function SearchApiOptions({ settings }) {
<select <select
name="env::AgentSearchApiEngine" name="env::AgentSearchApiEngine"
required={true} required={true}
className="border-none bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5" className="border-none bg-theme-settings-input-bg text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
defaultValue={settings?.AgentSearchApiEngine || "google"} defaultValue={settings?.AgentSearchApiEngine || "google"}
> >
{SearchApiEngines.map(({ name, value }) => ( {SearchApiEngines.map(({ name, value }) => (
@ -114,7 +114,7 @@ export function SearchApiOptions({ settings }) {
{/* <input {/* <input
type="text" type="text"
name="env::AgentSearchApiEngine" name="env::AgentSearchApiEngine"
className="border-none bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5" className="border-none bg-theme-settings-input-bg text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
placeholder="SearchApi engine (Google, Bing...)" placeholder="SearchApi engine (Google, Bing...)"
defaultValue={settings?.AgentSearchApiEngine || "google"} defaultValue={settings?.AgentSearchApiEngine || "google"}
required={true} required={true}
@ -149,7 +149,7 @@ export function SerperDotDevOptions({ settings }) {
<input <input
type="password" type="password"
name="env::AgentSerperApiKey" name="env::AgentSerperApiKey"
className="border-none bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5" className="border-none bg-theme-settings-input-bg text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
placeholder="Serper.dev API Key" placeholder="Serper.dev API Key"
defaultValue={settings?.AgentSerperApiKey ? "*".repeat(20) : ""} defaultValue={settings?.AgentSerperApiKey ? "*".repeat(20) : ""}
required={true} required={true}
@ -184,7 +184,7 @@ export function BingSearchOptions({ settings }) {
<input <input
type="password" type="password"
name="env::AgentBingSearchApiKey" name="env::AgentBingSearchApiKey"
className="border-none bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5" className="border-none bg-theme-settings-input-bg text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
placeholder="Bing Web Search API Key" placeholder="Bing Web Search API Key"
defaultValue={settings?.AgentBingSearchApiKey ? "*".repeat(20) : ""} defaultValue={settings?.AgentBingSearchApiKey ? "*".repeat(20) : ""}
required={true} required={true}
@ -247,7 +247,7 @@ export function SerplySearchOptions({ settings }) {
<input <input
type="password" type="password"
name="env::AgentSerplyApiKey" name="env::AgentSerplyApiKey"
className="border-none bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5" className="border-none bg-theme-settings-input-bg text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
placeholder="Serply API Key" placeholder="Serply API Key"
defaultValue={settings?.AgentSerplyApiKey ? "*".repeat(20) : ""} defaultValue={settings?.AgentSerplyApiKey ? "*".repeat(20) : ""}
required={true} required={true}
@ -270,7 +270,7 @@ export function SearXNGOptions({ settings }) {
<input <input
type="url" type="url"
name="env::AgentSearXNGApiUrl" name="env::AgentSearXNGApiUrl"
className="border-none bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5" className="border-none bg-theme-settings-input-bg text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
placeholder="SearXNG API Key" placeholder="SearXNG API Key"
defaultValue={settings?.AgentSearXNGApiUrl} defaultValue={settings?.AgentSearXNGApiUrl}
required={true} required={true}
@ -304,7 +304,7 @@ export function TavilySearchOptions({ settings }) {
<input <input
type="password" type="password"
name="env::AgentTavilyApiKey" name="env::AgentTavilyApiKey"
className="border-none bg-zinc-900 text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5" className="border-none bg-theme-settings-input-bg text-white placeholder:text-theme-settings-input-placeholder text-sm rounded-lg focus:outline-primary-button active:outline-primary-button outline-none block w-full p-2.5"
placeholder="Tavily API Key" placeholder="Tavily API Key"
defaultValue={settings?.AgentTavilyApiKey ? "*".repeat(20) : ""} defaultValue={settings?.AgentTavilyApiKey ? "*".repeat(20) : ""}
required={true} required={true}

6
frontend/src/pages/Admin/Agents/WebSearchSelection/index.jsx
View File

@ -184,9 +184,9 @@ export default function AgentWebSearchSelection({
/> />
)} )}
{searchMenuOpen ? ( {searchMenuOpen ? (
<div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-dark-input rounded-lg flex flex-col justify-between cursor-pointer border-2 border-primary-button z-20"> <div className="absolute top-0 left-0 w-full max-w-[640px] max-h-[310px] overflow-auto white-scrollbar min-h-[64px] bg-theme-settings-input-bg rounded-lg flex flex-col justify-between cursor-pointer border-2 border-primary-button z-20">
<div className="w-full flex flex-col gap-y-1"> <div className="w-full flex flex-col gap-y-1">
<div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-dark-input"> <div className="flex items-center sticky top-0 border-b border-[#9CA3AF] mx-4 bg-theme-settings-input-bg">
<MagnifyingGlass <MagnifyingGlass
size={20} size={20}
weight="bold" weight="bold"
@ -227,7 +227,7 @@ export default function AgentWebSearchSelection({
</div> </div>
) : ( ) : (
<button <button
className="w-full max-w-[640px] h-[64px] bg-dark-input rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-primary-button transition-all duration-300" className="w-full max-w-[640px] h-[64px] bg-theme-settings-input-bg rounded-lg flex items-center p-[14px] justify-between cursor-pointer border-2 border-transparent hover:border-primary-button transition-all duration-300"
type="button" type="button"
onClick={() => setSearchMenuOpen(true)} onClick={() => setSearchMenuOpen(true)}
> >