From 058405ba24b4e384308a99a84a49d512fd0c5752 Mon Sep 17 00:00:00 2001
From: headlesdev <damian.bergemann@outlook.com>
Date: Sun, 18 May 2025 20:37:23 +0200
Subject: [PATCH] Updated Sites & Site view

---
 app/dashboard/sites/[siteId]/SitePage.tsx | 4 ++--
 components/cards/Sites.tsx                | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/dashboard/sites/[siteId]/SitePage.tsx b/app/dashboard/sites/[siteId]/SitePage.tsx
index b85561a..595ab0e 100644
--- a/app/dashboard/sites/[siteId]/SitePage.tsx
+++ b/app/dashboard/sites/[siteId]/SitePage.tsx
@@ -29,7 +29,7 @@ export default function SitesPage({ username, name, siteId }: SitesPageProps) {
       <main className="w-full">
         <div className="flex flex-col gap-4 w-full">
           {/* Site Info Card */}
-          <div className="card bg-base-100 shadow-lg rounded-xl overflow-hidden border border-base-200 w-full">
+          <div className="card bg-base-100 shadow-xl rounded-xl overflow-hidden border border-base-200 w-full">
             <div className="card-body p-6">
               <div className="w-full flex justify-between items-center mb-4">
                 <h1 className="text-2xl font-bold w-1/2">Site - {site.name}</h1>
@@ -51,7 +51,7 @@ export default function SitesPage({ username, name, siteId }: SitesPageProps) {
           </div>
 
           {/* Networks Section */}
-          <div className="card bg-base-100 shadow-lg rounded-xl overflow-hidden border border-base-200 w-full">
+          <div className="card bg-base-100 shadow-xl rounded-xl overflow-hidden border border-base-200 w-full">
             <div className="card-body p-6">
               <div className="flex justify-between items-center mb-6">
                 <h2 className="text-xl font-bold">Networks</h2>
diff --git a/components/cards/Sites.tsx b/components/cards/Sites.tsx
index d61c938..195a4f4 100644
--- a/components/cards/Sites.tsx
+++ b/components/cards/Sites.tsx
@@ -6,8 +6,7 @@ import { ChevronRight } from "lucide-react";
 export default function Sites({ id, name, description, networks }: Site) {
     const router = useRouter();
     return (
-        <div className="relative group bg-base-200 rounded-xl shadow-lg overflow-hidden h-48" style={{ display: 'block' }}>
-            {/* Card content */}
+        <div className="relative group bg-base-100 border border-base-200 rounded-xl shadow-xl overflow-hidden h-48" style={{ display: 'block' }}>
             <div className="p-6 pr-20 h-full flex flex-col">
                 <h2 className="text-xl font-bold">{name}</h2>
                 
@@ -21,7 +20,7 @@ export default function Sites({ id, name, description, networks }: Site) {
                     {networks && networks.length > 0 ? (
                         <div className="mt-3">
                             <p className="text-sm font-medium mb-1">Networks:</p>
-                            <div className="bg-base-100 p-2 rounded-lg overflow-y-auto max-h-16">
+                            <div className="bg-base-200 p-2 rounded-lg overflow-y-auto max-h-16">
                                 {networks.map((network, index) => (
                                     <span key={network.id || index} className="inline-block bg-base-300 rounded px-2 py-1 text-xs mr-2 mb-1">
                                         {network.name}