mirror of
https://github.com/crocofied/CoreControl.git
synced 2025-12-17 23:47:13 +00:00
Updated Sites & Site view
This commit is contained in:
parent
1f91402afd
commit
058405ba24
@ -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>
|
||||
|
||||
@ -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}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user