pengjunjie/ragflow
1
0
Fork 1
mirror of https://github.com/infiniflow/ragflow.git synced 2026-02-04 17:45:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

Feat: Using IconFont as an additional icon library #3221 (#7427)

Browse Source 
### What problem does this PR solve?
Feat: Using IconFont as an additional icon library #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
This commit is contained in:
balibabu
2025-04-30 13:09:42 +08:00
committed by GitHub
parent ab27609a64
commit 1fc52033ba
11 changed files with 158 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
web/src/pages/home/application-card.tsx
View File

@ -1,3 +1,4 @@
import { MoreButton } from '@/components/more-button';
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
import { Card, CardContent } from '@/components/ui/card';
import { formatDate } from '@/utils/date';
@ -14,17 +15,23 @@ type ApplicationCardProps = {
export function ApplicationCard({ app }: ApplicationCardProps) {
return (
<Card className="w-[264px]">
<CardContent className="p-2.5 flex items-center gap-2.5">
<Avatar className="size-14 rounded-lg">
<AvatarImage src={app.avatar === null ? '' : app.avatar} />
<AvatarFallback className="rounded-lg">CN</AvatarFallback>
</Avatar>
<div className="flex-1">
<h3 className="text-sm font-normal line-clamp-1 mb-1">{app.title}</h3>
<p className="text-xs font-normal text-text-sub-title">
{formatDate(app.update_time)}
</p>
<CardContent className="p-2.5 group flex justify-between">
<div className="flex items-center gap-2.5">
<Avatar className="size-14 rounded-lg">
<AvatarImage src={app.avatar === null ? '' : app.avatar} />
<AvatarFallback className="rounded-lg">CN</AvatarFallback>
</Avatar>
<div className="flex-1">
<h3 className="text-sm font-normal line-clamp-1 mb-1">
{app.title}
</h3>
<p className="text-xs font-normal text-text-sub-title">
{formatDate(app.update_time)}
</p>
</div>
</div>
<MoreButton className=""></MoreButton>
</CardContent>
</Card>
);