news design icon

This commit is contained in:
alma 2025-04-15 15:14:30 +02:00
parent d2b98f3380
commit 9fca10fcaa

View File

@ -3,7 +3,7 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { RefreshCw } from "lucide-react"; import { RefreshCw, Telescope } from "lucide-react";
import { useSession } from "next-auth/react"; import { useSession } from "next-auth/react";
import { formatDistance } from 'date-fns'; import { formatDistance } from 'date-fns';
import { fr } from 'date-fns/locale'; import { fr } from 'date-fns/locale';
@ -70,7 +70,10 @@ export function News() {
return ( return (
<Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg"> <Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg">
<CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100"> <CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
<CardTitle className="text-lg font-semibold text-gray-800">News</CardTitle> <CardTitle className="text-lg font-semibold text-gray-800 flex items-center gap-2">
<Telescope className="h-5 w-5 text-gray-600" />
News
</CardTitle>
</CardHeader> </CardHeader>
<CardContent className="p-3"> <CardContent className="p-3">
<div className="flex items-center justify-center py-6"> <div className="flex items-center justify-center py-6">
@ -84,7 +87,10 @@ export function News() {
return ( return (
<Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg"> <Card className="transition-transform duration-500 ease-in-out transform hover:scale-105 bg-white/95 backdrop-blur-sm border-0 shadow-lg">
<CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100"> <CardHeader className="flex flex-row items-center justify-between pb-2 border-b border-gray-100">
<CardTitle className="text-lg font-semibold text-gray-800">News</CardTitle> <CardTitle className="text-lg font-semibold text-gray-800 flex items-center gap-2">
<Telescope className="h-5 w-5 text-gray-600" />
News
</CardTitle>
<Button <Button
variant="ghost" variant="ghost"
size="icon" size="icon"