highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-05-18 07:40:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update some ux edge cases (#2545)

Browse Source 
* update some ux edge cases

* update some formatting / ports
This commit is contained in:
pablodanswer 2024-09-25 09:46:43 -07:00 committed by GitHub
parent 6b3213b1e4
commit f89504ec53
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 89 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/app/chat/shared_chat_search/FixedLogo.tsx
View File

@ -21,7 +21,7 @@ export default function FixedLogo() {
}
className="fixed cursor-pointer flex z-40 left-2.5 top-2"
>
<div className="max-w-[175px] mobile:hidden flex items-center gap-x-1 my-auto">
<div className="max-w-[200px] mobile:hidden flex items-center gap-x-1 my-auto">
<div className="flex-none my-auto">
<Logo height={24} width={24} />
</div>

8
web/src/components/search/SearchBar.tsx
View File

@ -178,9 +178,11 @@ export const FullSearchBar = ({
suppressContentEditableWarning={true}
/>
<div
className={`flex ${showingSidebar ? " 2xl:justify-between" : "2xl:justify-end"} justify-between 4xl:justify-end w-full items-center space-x-3 py-3 px-4`}
className={`flex flex-nowrap overflow-y-hidden ${showingSidebar ? " 2xl:justify-between" : "2xl:justify-end"} justify-between 4xl:justify-end w-full max-w-full items-center space-x-3 py-3 px-4`}
>
<div
className={`-my-1 overflow-x-scroll flex-grow 4xl:hidden ${!showingSidebar && "2xl:hidden"}`}
>
<div className={`-my-1 4xl:hidden ${!showingSidebar && "2xl:hidden"}`}>
{(ccPairs.length > 0 || documentSets.length > 0) && (
<HorizontalSourceSelector
isHorizontal
@ -192,7 +194,7 @@ export const FullSearchBar = ({
/>
)}
</div>
<div className="flex my-auto items-center gap-x-3">
<div className="flex-shrink-0 flex items-center my-auto gap-x-3">
{toggleAgentic && (
<AnimatedToggle isOn={agentic!} handleToggle={toggleAgentic} />
)}

11
web/src/components/search/filtering/Filters.tsx
View File

@ -423,9 +423,8 @@ export function HorizontalSourceSelector({
};
return (
<div className="flex flex-col space-y-4">
<div className="flex space-x-2">
<div className="w-24">
<div className="flex flex-nowrap space-x-2">
<div className="max-w-24">
<DateRangeSelector
isHorizontal
value={timeRange}
@ -441,10 +440,7 @@ export function HorizontalSourceSelector({
key: source.internalName,
display: (
<>
<SourceIcon
sourceType={source.internalName}
iconSize={16}
/>
<SourceIcon sourceType={source.internalName} iconSize={16} />
<span className="ml-2 text-sm">{source.displayName}</span>
</>
),
@ -514,6 +510,5 @@ export function HorizontalSourceSelector({
/>
)}
</div>
</div>
);
}