sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2024-11-23 23:48:56 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 16

Style the see content button correctly

Browse source
This commit is contained in:
sabaimran 2024-07-24 18:28:23 +05:30
parent 75a370cc06
commit 19cd607c96
1 changed files with 18 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/interface/web/app/search/page.tsx
View file

@ -50,20 +50,20 @@ function Note(props: NoteResultProps) {
return ( return (
<Card className='bg-secondary h-full shadow-sm rounded-lg bg-gradient-to-b from-background to-slate-50 dark:to-gray-950 border border-muted mb-4'> <Card className='bg-secondary h-full shadow-sm rounded-lg bg-gradient-to-b from-background to-slate-50 dark:to-gray-950 border border-muted mb-4'>
<CardHeader> <CardHeader>
<CardDescription> <CardDescription className='p-1 border-muted border w-fit rounded-lg mb-2'>
<div className='p-1 border-muted border w-fit rounded-lg mb-2'> {getNoteTypeIcon(note.additional.source)}
{getNoteTypeIcon(note.additional.source)}
</div>
</CardDescription> </CardDescription>
<CardTitle> <CardTitle>
{fileName} {fileName}
</CardTitle> </CardTitle>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className='text-sm line-clamp-4'> <div className='line-clamp-4 text-muted-foreground'>
{note.entry} {note.entry}
</div> </div>
<Button onClick={() => props.setFocusSearchResult(note)} className='mt-2'>See content<ArrowRight className='inline ml-2' /></Button> <Button onClick={() => props.setFocusSearchResult(note)} variant={'ghost'} className='p-0 mt-2 text-orange-400 hover:bg-inherit'>
See content<ArrowRight className='inline ml-2' />
</Button>
</CardContent> </CardContent>
<CardFooter> <CardFooter>
{ {
@ -90,20 +90,19 @@ function focusNote(note: SearchResult) {
<CardTitle> <CardTitle>
{fileName} {fileName}
</CardTitle> </CardTitle>
<CardDescription className='mt-4'>
{
isFileNameURL ?
<a href={note.additional.file} target="_blank" className='underline text-sm bg-muted p-1 rounded-lg text-muted-foreground'>
<LinkSimple className='inline m-2' />{note.additional.file}
</a>
:
<div className='bg-muted p-1 text-sm rounded-lg text-muted-foreground'>
<FolderOpen className='inline m-2' />{note.additional.file}
</div>
}
</CardDescription>
</CardHeader> </CardHeader>
<CardFooter>
{
isFileNameURL ?
<a href={note.additional.file} target="_blank" className='underline text-sm bg-muted p-3 rounded-lg text-muted-foreground flex items-center gap-2'>
<LinkSimple className='inline' />{note.additional.file}
</a>
:
<div className='bg-muted p-3 text-sm rounded-lg text-muted-foreground flex items-center gap-2'>
<FolderOpen className='inline' />{note.additional.file}
</div>
}
</CardFooter>
<CardContent> <CardContent>
<div className='text-m'> <div className='text-m'>
{note.entry} {note.entry}