LLM/DocsGPT
1
0
Fork 0
mirror of https://github.com/arc53/DocsGPT.git synced 2025-11-29 08:33:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

(fix/searchwidget) prominent placeholder, sleek spinner

Browse Source
This commit is contained in:
ManishMadan2882
2025-05-21 02:00:47 +05:30
parent 7432e551f9
commit ec50650dfa
1 changed files with 34 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
extensions/react-widget/src/components/SearchBar.tsx
View File

@@ -46,7 +46,8 @@ const themes = {
const GlobalStyle = createGlobalStyle`
.highlight {
color:#007EE6;
color: ${props => props.theme.name === 'dark' ? '#4B9EFF' : '#0066CC'};
font-weight: 500;
}
`;
@@ -285,8 +286,8 @@ const Toolkit = styled.kbd`
`
const Loader = styled.div`
margin: 2rem auto;
border: 4px solid ${props => props.theme.secondary.text};
border-top: 4px solid ${props => props.theme.primary.bg};
border: 4px solid ${props => props.theme.name === 'dark' ? 'rgba(255, 255, 255, 0.2)' : 'rgba(0, 0, 0, 0.1)'};
border-top: 4px solid ${props => props.theme.name === 'dark' ? '#FFFFFF' : props.theme.primary.bg};
border-radius: 50%;
width: 12px;
height: 12px;
@@ -370,8 +371,9 @@ const TextField = styled.input`
}
&::placeholder {
color: #8F8F8F !important;
color: ${props => props.theme.name === 'dark' ? 'rgba(255, 255, 255, 0.6)' : 'rgba(0, 0, 0, 0.5)'} !important;
opacity: 100%; /* Force opacity to ensure placeholder is visible */
font-weight: 500;
}
`
@@ -483,7 +485,7 @@ export const SearchBar = ({
abortController.abort();
clearTimeout(debounceTimeout.current ?? undefined);
};
}, [input])
}, [input])
const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
if (event.key === 'Enter') {