GitHub-Proxy/deer-flow
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/bytedance/deer-flow synced 2025-10-04 18:06:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fea: adjust style in disabled mode

Browse Source
This commit is contained in:
Li Xin 2025-04-24 16:15:23 +08:00
parent 7d143f085c
commit 705d15840d
1 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/src/app/_settings/tabs/mcp-tab.tsx
View File

@ -94,10 +94,9 @@ export const MCPTab: Tab = ({ settings, onChange }) => {
server.createdAt > Date.now() - 1000 * 60 * 60 * 1;
return (
<motion.li
className={cn(
"!bg-card group relative overflow-hidden rounded-lg border pb-2 shadow transition-opacity duration-300",
!server.enabled && "opacity-60",
)}
className={
"!bg-card group relative overflow-hidden rounded-lg border pb-2 shadow duration-300"
}
key={server.name}
{...(isNew && newlyAdded && animationProps)}
>
@ -125,8 +124,18 @@ export const MCPTab: Tab = ({ settings, onChange }) => {
</Button>
</Tooltip>
</div>
<div className="flex flex-col items-start px-4 py-2">
<div className="mb-2 flex items-center gap-2">
<div
className={cn(
"flex flex-col items-start px-4 py-2",
!server.enabled && "text-muted-foreground",
)}
>
<div
className={cn(
"mb-2 flex items-center gap-2",
!server.enabled && "opacity-60",
)}
>
<div className="text-lg font-medium">{server.name}</div>
{!server.enabled && (
<div className="bg-primary text-primary-foreground h-fit rounded px-1.5 py-0.5 text-xs">
@ -142,7 +151,12 @@ export const MCPTab: Tab = ({ settings, onChange }) => {
</div>
)}
</div>
<ul className="flex flex-wrap items-center gap-2">
<ul
className={cn(
"flex flex-wrap items-center gap-2",
!server.enabled && "opacity-60",
)}
>
<PencilRuler size={16} />
{server.tools.map((tool) => (
<li