Updated Sites & Site view

This commit is contained in:
headlesdev 2025-05-18 20:37:23 +02:00
parent 1f91402afd
commit 058405ba24
2 changed files with 4 additions and 5 deletions

View File

@ -29,7 +29,7 @@ export default function SitesPage({ username, name, siteId }: SitesPageProps) {
<main className="w-full"> <main className="w-full">
<div className="flex flex-col gap-4 w-full"> <div className="flex flex-col gap-4 w-full">
{/* Site Info Card */} {/* 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="card-body p-6">
<div className="w-full flex justify-between items-center mb-4"> <div className="w-full flex justify-between items-center mb-4">
<h1 className="text-2xl font-bold w-1/2">Site - {site.name}</h1> <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> </div>
{/* Networks Section */} {/* 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="card-body p-6">
<div className="flex justify-between items-center mb-6"> <div className="flex justify-between items-center mb-6">
<h2 className="text-xl font-bold">Networks</h2> <h2 className="text-xl font-bold">Networks</h2>

View File

@ -6,8 +6,7 @@ import { ChevronRight } from "lucide-react";
export default function Sites({ id, name, description, networks }: Site) { export default function Sites({ id, name, description, networks }: Site) {
const router = useRouter(); const router = useRouter();
return ( return (
<div className="relative group bg-base-200 rounded-xl shadow-lg overflow-hidden h-48" style={{ display: 'block' }}> <div className="relative group bg-base-100 border border-base-200 rounded-xl shadow-xl overflow-hidden h-48" style={{ display: 'block' }}>
{/* Card content */}
<div className="p-6 pr-20 h-full flex flex-col"> <div className="p-6 pr-20 h-full flex flex-col">
<h2 className="text-xl font-bold">{name}</h2> <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 ? ( {networks && networks.length > 0 ? (
<div className="mt-3"> <div className="mt-3">
<p className="text-sm font-medium mb-1">Networks:</p> <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) => ( {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"> <span key={network.id || index} className="inline-block bg-base-300 rounded px-2 py-1 text-xs mr-2 mb-1">
{network.name} {network.name}