mirrors/mcphub
1
0
Fork 0
mirror of https://github.com/samanhappy/mcphub.git synced 2025-12-24 02:39:19 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve server card styling and remove unnecessary comment

Browse Source
This commit is contained in:
samanhappy
2025-04-15 09:34:47 +08:00
parent 2c4f9d1c24
commit 51289b8ca8
1 changed files with 3 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/ServerCard.tsx
View File

@@ -35,7 +35,6 @@ const ServerCard = ({ server, onRemove, onEdit, onToggle }: ServerCardProps) =>
setIsToggling(true)
try {
// Toggle the server's enabled status
await onToggle(server, !(server.enabled !== false))
} finally {
setIsToggling(false)
@@ -48,13 +47,13 @@ const ServerCard = ({ server, onRemove, onEdit, onToggle }: ServerCardProps) =>
}
return (
<div className="bg-white shadow rounded-lg p-6 mb-6">
<div className={`bg-white shadow rounded-lg p-6 mb-6 ${server.enabled === false ? 'opacity-60' : ''}`}>
<div
className="flex justify-between items-center cursor-pointer"
onClick={() => setIsExpanded(!isExpanded)}
>
<div className="flex items-center space-x-3">
<h2 className="text-xl font-semibold text-gray-900">{server.name}</h2>
<h2 className={`text-xl font-semibold ${server.enabled === false ? 'text-gray-600' : 'text-gray-900'}`}>{server.name}</h2>
<Badge status={server.status} />
</div>
<div className="flex space-x-2">
@@ -105,7 +104,7 @@ const ServerCard = ({ server, onRemove, onEdit, onToggle }: ServerCardProps) =>
{isExpanded && server.tools && (
<div className="mt-6">
<h3 className="text-lg font-medium text-gray-900 mb-4">{t('server.tools')}</h3>
<h3 className={`text-lg font-medium ${server.enabled === false ? 'text-gray-600' : 'text-gray-900'} mb-4`}>{t('server.tools')}</h3>
<div className="space-y-4">
{server.tools.map((tool, index) => (
<ToolCard key={index} tool={tool} />