refactor: update document mention picker styling for improved visibility.

This commit is contained in:
Anish Sarkar 2026-01-15 18:39:37 +05:30
parent 28aa4814bd
commit a05fe3ca07

View file

@ -329,7 +329,7 @@ export const DocumentMentionPicker = forwardRef<
</div> </div>
) : actualDocuments.length === 0 ? ( ) : actualDocuments.length === 0 ? (
<div className="flex flex-col items-center justify-center py-4 text-center px-4"> <div className="flex flex-col items-center justify-center py-4 text-center px-4">
<FileText className="h-5 w-5 text-muted-foreground/50 mb-1" /> <FileText className="h-5 w-5 text-muted-foreground/55 mb-1" />
<p className="text-sm text-muted-foreground">No documents found</p> <p className="text-sm text-muted-foreground">No documents found</p>
</div> </div>
) : ( ) : (
@ -337,7 +337,7 @@ export const DocumentMentionPicker = forwardRef<
{/* SurfSense Documentation Section */} {/* SurfSense Documentation Section */}
{surfsenseDocsList.length > 0 && ( {surfsenseDocsList.length > 0 && (
<> <>
<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"> <div className="px-3 py-2 text-xs font-bold text-muted-foreground/55">
SurfSense Docs SurfSense Docs
</div> </div>
{surfsenseDocsList.map((doc) => { {surfsenseDocsList.map((doc) => {
@ -385,7 +385,7 @@ export const DocumentMentionPicker = forwardRef<
{/* User Documents Section */} {/* User Documents Section */}
{userDocsList.length > 0 && ( {userDocsList.length > 0 && (
<> <>
<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"> <div className="px-3 py-2 text-xs font-bold text-muted-foreground/55">
Your Documents Your Documents
</div> </div>
{userDocsList.map((doc) => { {userDocsList.map((doc) => {