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:search) ui adjustments

Browse Source
This commit is contained in:
ManishMadan2882
2025-01-03 02:49:40 +05:30
parent 8b206b087c
commit 411115523e
1 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -74,6 +74,7 @@ const SearchButton = styled.button<{ inputWidth: string }>`
appearance: none;
transition: background-color 128ms linear;
text-align: left;
cursor: pointer;
`
const Container = styled.div`
@@ -131,6 +132,10 @@ const Title = styled.h3`
font-weight: 400;
color: ${props => props.theme.primary.text};
margin: 0;
overflow-wrap: break-word;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
`;
const ContentWrapper = styled.div`
display: flex;
@@ -147,12 +152,17 @@ const Content = styled.div`
color: ${props => props.theme.primary.text};
line-height: 1.6;
border-left: 2px solid #585858;
overflow: hidden;
`
const ContentSegment = styled.div`
display: flex;
align-items: flex-start;
gap: 8px;
padding-right: 16px;
overflow-wrap: break-word;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
`
const ResultWrapper = styled.div`
@@ -166,6 +176,13 @@ const ResultWrapper = styled.div`
font-family: 'Geist',sans-serif;
transition: background-color 0.2s;
word-wrap: break-word;
overflow-wrap: break-word;
word-break: break-word;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
&.contains-source:hover {
background-color: rgba(0, 92, 197, 0.15);
${Title} {
@@ -303,7 +320,7 @@ const TextField = styled.input`
font-size: 20px;
font-weight: 400;
outline: none;
&:focus {
border-color: none;
}