apunkt/SurfSense
1
0
Fork 0
mirror of https://github.com/MODSetter/SurfSense.git synced 2026-05-25 19:15:18 +02:00
Code Issues Projects Releases Packages Wiki Activity

improve document mention picker section headers styling

Browse source
This commit is contained in:
CREDO23 2026-01-14 14:14:01 +02:00
parent af6451847b
commit c6aec95797
1 changed files with 5 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
surfsense_web/components/new-chat/document-mention-picker.tsx
View file

@ -1,7 +1,7 @@
"use client"; "use client";
import { useQuery } from "@tanstack/react-query"; import { useQuery } from "@tanstack/react-query";
import { BookOpen, FileText } from "lucide-react"; import { FileText } from "lucide-react";
import { import {
forwardRef, forwardRef,
useCallback, useCallback,
@ -337,9 +337,8 @@ export const DocumentMentionPicker = forwardRef<
{/* SurfSense Documentation Section */} {/* SurfSense Documentation Section */}
{surfsenseDocsList.length > 0 && ( {surfsenseDocsList.length > 0 && (
<> <>
<div className="flex items-center gap-2 px-3 py-1.5 text-xs font-medium text-muted-foreground border-b border-border/50 bg-muted/30"> <div className="sticky top-0 z-10 px-3 py-2 text-xs font-bold uppercase tracking-wider bg-muted text-foreground/80 border-b border-border">
<BookOpen className="h-3 w-3" /> SurfSense Docs
<span>SurfSense Docs</span>
</div> </div>
{surfsenseDocsList.map((doc) => { {surfsenseDocsList.map((doc) => {
const docKey = `${doc.document_type}:${doc.id}`; const docKey = `${doc.document_type}:${doc.id}`;
@ -386,9 +385,8 @@ export const DocumentMentionPicker = forwardRef<
{/* User Documents Section */} {/* User Documents Section */}
{userDocsList.length > 0 && ( {userDocsList.length > 0 && (
<> <>
<div className="flex items-center gap-2 px-3 py-1.5 text-xs font-medium text-muted-foreground border-b border-border/50 bg-muted/30"> <div className="sticky top-0 z-10 px-3 py-2 text-xs font-bold uppercase tracking-wider bg-muted text-foreground/80 border-b border-border">
<FileText className="h-3 w-3" /> Your Documents
<span>Your Documents</span>
</div> </div>
{userDocsList.map((doc) => { {userDocsList.map((doc) => {
const docKey = `${doc.document_type}:${doc.id}`; const docKey = `${doc.document_type}:${doc.id}`;