klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-09 13:25:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve sizing / spacing of side bar

Browse Source
This commit is contained in:
sabaimran
2025-02-01 14:25:45 -08:00
parent f3b2580649
commit 08bc1d3bcb
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/interface/web/app/components/chatSidebar/chatSidebar.tsx
View File

@@ -203,14 +203,14 @@ function ChatSidebarInternal({ ...props }: ChatSideBarProps) {
<SidebarHeader> <SidebarHeader>
{ {
agentData && !isEditable ? ( agentData && !isEditable ? (
<div className="flex items-center relative top-2"> <div className="flex items-center relative text-sm">
<a className="text-lg font-bold flex flex-row items-center" href={`/agents?agent=${agentData.slug}`}> <a className="text-lg font-bold flex flex-row items-center" href={`/agents?agent=${agentData.slug}`}>
{getIconFromIconName(agentData.icon, agentData.color)} {getIconFromIconName(agentData.icon, agentData.color)}
{agentData.name} {agentData.name}
</a> </a>
</div> </div>
) : ( ) : (
<div className="flex items-center relative top-2"> <div className="flex items-center relative text-sm">
{getIconFromIconName("lightbulb", "orange")} {getIconFromIconName("lightbulb", "orange")}
Chat Options Chat Options
</div> </div>

4
src/interface/web/app/components/referencePanel/referencePanel.tsx
View File

@@ -572,7 +572,7 @@ export function TeaserReferencesSection(props: TeaserReferenceSectionProps) {
return ( return (
<div className="pt-0 px-4 pb-4"> <div className="pt-0 px-4 pb-4">
<h3 className="inline-flex items-center"> <h3 className="inline-flex items-center">
<p className="text-gray-400 m-2">{numReferences} sources</p> <div className="text-gray-400 m-2">{numReferences} sources</div>
<div className={`flex flex-wrap gap-2 w-auto m-2`}> <div className={`flex flex-wrap gap-2 w-auto m-2`}>
{shouldShowShowMoreButton && ( {shouldShowShowMoreButton && (
<ReferencePanel <ReferencePanel
@@ -621,7 +621,7 @@ export default function ReferencePanel(props: ReferencePanelDataProps) {
return ( return (
<Sheet> <Sheet>
<SheetTrigger className="text-balance w-auto md:w-[200px] justify-start overflow-hidden break-words p-0 bg-transparent border-none text-gray-400 align-middle items-center m-0 inline-flex"> <SheetTrigger className="text-balance w-auto justify-start overflow-hidden break-words p-0 bg-transparent border-none text-gray-400 align-middle items-center m-0 inline-flex">
{codeDataToShow.map((code, index) => { {codeDataToShow.map((code, index) => {
return ( return (
<CodeContextReferenceCard <CodeContextReferenceCard