File size: 1,218 Bytes
e6a705f 3fa1285 e6a705f 3fa1285 e6a705f 3fa1285 e6a705f 3fa1285 e6a705f |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
import { Card, CardContent } from '@/components/ui/card';
import { ArrowRight, X } from 'lucide-react';
function BannerCard() {
return (
<Card className="w-auto border-none h-3/4">
<CardContent className="p-4">
<span className="inline-block bg-backgroundCoreWeak rounded-sm px-1 text-xs">
System
</span>
<div className="flex mt-1 gap-4">
<span className="text-lg truncate">Setting up your LLM</span>
<ArrowRight />
</div>
</CardContent>
</Card>
);
}
export function Banner() {
return (
<section className="bg-[url('@/assets/banner.png')] bg-cover h-28 rounded-2xl my-8 flex gap-8 justify-between">
<div className="h-full text-3xl font-bold items-center inline-flex ml-6">
Welcome to RAGFlow
</div>
<div className="flex justify-between items-center gap-4 mr-5">
<BannerCard></BannerCard>
<BannerCard></BannerCard>
<BannerCard></BannerCard>
<button
type="button"
className="relative p-1 hover:bg-white/10 rounded-full transition-colors"
>
<X className="w-6 h-6 text-white" />
</button>
</div>
</section>
);
}
|