From 3db249f3e149b3a0bae546fe8aecd3ef63efcaff Mon Sep 17 00:00:00 2001
From: paradox <b.oumar97@gmail.com>
Date: Mon, 3 Aug 2026 20:08:22 +0200
Subject: [PATCH] little changes to the ui

---
 src/components/ui/Card.tsx                     | 2 +-
 src/components/widgets/BackupWidget.tsx        | 4 ++--
 src/components/widgets/ServicesWidget.tsx      | 4 ++--
 src/components/widgets/SupportCtaWidget.tsx    | 8 ++++----
 src/components/widgets/SupportFooterWidget.tsx | 2 +-
 src/pages/ServiceDesk.tsx                      | 2 +-
 6 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/ui/Card.tsx b/src/components/ui/Card.tsx
index 8ee89ca..4e0dcf7 100644
--- a/src/components/ui/Card.tsx
+++ b/src/components/ui/Card.tsx
@@ -43,7 +43,7 @@ export const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<
       ref={ref}
       className={cn(
         // Séparation discrète (bordure fine plutôt qu'ombre inset, pour rester léger)
-        "px-6 py-5 flex flex-col space-y-1.5 border-b border-black/5 dark:border-white/5 transition-all duration-300 ease-in-out",
+        "px-6 py-5 flex flex-col space-y-1.5 border-black/5 dark:border-white/5 transition-all duration-300",
         className
       )}
       {...props}
diff --git a/src/components/widgets/BackupWidget.tsx b/src/components/widgets/BackupWidget.tsx
index 974c686..9cbcdde 100644
--- a/src/components/widgets/BackupWidget.tsx
+++ b/src/components/widgets/BackupWidget.tsx
@@ -17,8 +17,8 @@ export default function BackupWidget({ onClick }: BackupWidgetProps) {
         <Badge className="max-w-fit min-w-fit" name="PRA Immuable">
         </Badge>
       </CardHeader>
-      <CardContent className="p-6">
-        <Card variant='digged' className="bg-slate-50 rounded-lg p-4 border border-slate-100 mb-4">
+      <CardContent className="p-6 flex flex-col h-full">
+        <Card variant="flat" className="rounded-lg p-4 border border-slate-100 mb-4">
           <p className="text-sm text-slate-500 mb-1">Dernier snapshot système</p>
           <p className="text-slate-900 font-medium">Aujourd'hui à 03:00 AM</p>
         </Card>
diff --git a/src/components/widgets/ServicesWidget.tsx b/src/components/widgets/ServicesWidget.tsx
index 86aaba6..7a86848 100644
--- a/src/components/widgets/ServicesWidget.tsx
+++ b/src/components/widgets/ServicesWidget.tsx
@@ -30,8 +30,8 @@ export default function ServicesWidget() {
           ))}
         </div>
 
-        <Button className ="w-fit" size="lg" onClick={() => navigate('/evolution-infrastructure')}>
-          Demander une évolution du parc
+        <Button className ="text-green-600" size="lg" onClick={() => navigate('/evolution-infrastructure')}>
+          Mise à niveau du Parc
         </Button>
  
       </CardContent>
diff --git a/src/components/widgets/SupportCtaWidget.tsx b/src/components/widgets/SupportCtaWidget.tsx
index 83778cd..dbfa776 100644
--- a/src/components/widgets/SupportCtaWidget.tsx
+++ b/src/components/widgets/SupportCtaWidget.tsx
@@ -8,14 +8,14 @@ export const SupportCtaWidget: React.FC = () => {
 
   return (
     <Card>
-      <CardContent className="p-6 bg-blue-900">
-        <h3 className="text-lg font-semibold mb-2 text-white">Centre de Support</h3>
-        <p className=" text-white text-sm mb-4 leading-relaxed">
+      <CardContent className="p-6 rounded-xl">
+        <h3 className="text-lg font-semibold mb-2">Centre de Support</h3>
+        <p className="text-sm mb-4 leading-relaxed">
           Déclarez un incident critique ou demandez une évolution de votre infrastructure.
         </p>
         <Button
           onClick={() => navigate('/support')}
-          className= "text-white w-full bg-blue-900"
+          className= "text-rose-500 w-full"
         >
           Ouvrir un ticket sécurisé
         </Button>
diff --git a/src/components/widgets/SupportFooterWidget.tsx b/src/components/widgets/SupportFooterWidget.tsx
index e83565b..ec1cc53 100644
--- a/src/components/widgets/SupportFooterWidget.tsx
+++ b/src/components/widgets/SupportFooterWidget.tsx
@@ -16,7 +16,7 @@ export const SupportFooterWidget: React.FC<SupportFooterWidgetProps> = ({
   const navigate = useNavigate();
 
   return (
-    <div className="mt-12 bg-slate-900 text-slate-300 rounded-xl p-6 flex flex-col sm:flex-row items-center justify-between gap-4 shadow-sm">
+    <div className="mt-12 bg-slate-500 text-slate-300 rounded-xl p-6 flex flex-col sm:flex-row items-center justify-between gap-4 shadow-sm">
       <div>
         <h4 className="text-sm font-bold text-white">{title}</h4>
         <p className="text-xs text-slate-400 mt-0.5">
diff --git a/src/pages/ServiceDesk.tsx b/src/pages/ServiceDesk.tsx
index f02754d..59dbb0a 100644
--- a/src/pages/ServiceDesk.tsx
+++ b/src/pages/ServiceDesk.tsx
@@ -15,7 +15,7 @@ export default function ServiceDesk() {
           title="Centre de Support (Service Desk)"
           description="Canal de communication sécurisé avec vos experts GISE."
         >
-          <Button onClick={() => navigate('/support/new')}>
+          <Button className= "text-rose-500" onClick={() => navigate('/support/new')}>
             Ouvrir un ticket sécurisé
           </Button>
         </PageHeader>