klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-02 13:18:18 +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>
{
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}`}>
{getIconFromIconName(agentData.icon, agentData.color)}
{agentData.name}
</a>
</div>
) : (
<div className="flex items-center relative top-2">
<div className="flex items-center relative text-sm">
{getIconFromIconName("lightbulb", "orange")}
Chat Options
</div>

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

@@ -572,7 +572,7 @@ export function TeaserReferencesSection(props: TeaserReferenceSectionProps) {
return (
<div className="pt-0 px-4 pb-4">
<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`}>
{shouldShowShowMoreButton && (
<ReferencePanel
@@ -621,7 +621,7 @@ export default function ReferencePanel(props: ReferencePanelDataProps) {
return (
<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) => {
return (
<CodeContextReferenceCard