Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: quick ask support darkmode (#2316)

Browse Source
This commit is contained in:
Faisal Amir 2024-03-12 10:03:00 +07:00 committed by GitHub
parent 259698eaf7
commit facfaa190a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/app/search/SelectedText.tsx
View File

@ -29,15 +29,15 @@ const SelectedText = ({ onCleared }: { onCleared?: () => void }) => {
return shouldShowSelectedText ? ( return shouldShowSelectedText ? (
<div <div
ref={containerRef} ref={containerRef}
className="relative rounded-lg border-[1px] border-[#0000000F] bg-[#0000000A] p-[10px]" className="relative rounded-lg border border-border bg-secondary p-[10px]"
> >
<div <div
className="absolute right-1 top-1 flex h-6 w-6 items-center justify-center rounded-full border-[1px] border-[#0000000F] bg-white drop-shadow" className="absolute right-2 top-2 flex h-6 w-6 cursor-pointer items-center justify-center rounded-full border border-border bg-white shadow dark:bg-black/80"
onClick={onClearClicked} onClick={onClearClicked}
> >
<X size={16} /> <X size={14} className="text-muted-foreground" />
</div> </div>
<p className="font-semibold text-[#00000099]">{text}</p> <p className="pr-8 font-medium text-muted-foreground">{text}</p>
</div> </div>
) : ( ) : (
<div /> <div />

5
web/app/search/UserInput.tsx
View File

@ -56,7 +56,7 @@ const UserInput: React.FC = () => {
} }
return ( return (
<div className="flex flex-col space-y-3 p-3"> <div className="flex flex-col space-y-3 bg-white p-3 dark:bg-background">
<form <form
ref={formRef} ref={formRef}
className="flex h-full w-full items-center justify-center" className="flex h-full w-full items-center justify-center"
@ -66,7 +66,7 @@ const UserInput: React.FC = () => {
<LogoMark width={28} height={28} className="mx-auto" /> <LogoMark width={28} height={28} className="mx-auto" />
<input <input
ref={inputRef} ref={inputRef}
className="flex-1 bg-transparent font-bold text-black focus:outline-none" className="flex-1 bg-transparent font-bold focus:outline-none"
type="text" type="text"
value={inputValue} value={inputValue}
onChange={handleChange} onChange={handleChange}
@ -77,7 +77,6 @@ const UserInput: React.FC = () => {
</Button> </Button>
</div> </div>
</form> </form>
<SelectedText onCleared={() => inputRef?.current?.focus()} /> <SelectedText onCleared={() => inputRef?.current?.focus()} />
</div> </div>
) )

2
web/app/search/page.tsx
View File

@ -4,7 +4,7 @@ import UserInput from './UserInput'
const Search: React.FC = () => { const Search: React.FC = () => {
return ( return (
<div className="h-screen w-screen overflow-hidden bg-white"> <div className="h-screen w-screen overflow-hidden bg-white dark:bg-background">
<UserInput /> <UserInput />
</div> </div>
) )