opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: improve trigger card layout spacing and remove dividers (#24756)

This commit is contained in:
lyzno1 2025-08-29 13:37:44 +08:00 committed by GitHub
parent 9789bd02d8
commit a58df35ead
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 18 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
web/app/components/app/overview/trigger-card.tsx
View File

@ -4,8 +4,6 @@ import { useTranslation } from 'react-i18next'
import Link from 'next/link'
import { Schedule, TriggerAll, WebhookLine } from '@/app/components/base/icons/src/vender/workflow'
import Switch from '@/app/components/base/switch'
import Divider from '@/app/components/base/divider'
import Indicator from '@/app/components/header/indicator'
import type { AppDetailResponse } from '@/models/app'
import type { AppSSO } from '@/types/app'
import { useAppContext } from '@/context/app-context'
@ -142,32 +140,26 @@ function TriggerCard({ appInfo }: ITriggerCardProps) {
{triggerCount > 0 && (
<div className="flex flex-col gap-2 p-3">
{triggers.map((trigger, index) => (
<div key={trigger.id}>
<div className="flex w-full items-center gap-3">
<div className="flex grow items-center gap-2">
{getTriggerIcon(trigger)}
<div className="system-sm-medium text-text-secondary">
{trigger.title}
</div>
{triggers.map(trigger => (
<div key={trigger.id} className="flex w-full items-center gap-3">
<div className="flex grow items-center gap-2">
{getTriggerIcon(trigger)}
<div className="system-sm-medium text-text-secondary">
{trigger.title}
</div>
<div className="flex items-center gap-1">
<Indicator color={trigger.status === 'enabled' ? 'green' : 'yellow'} />
<div className={`${trigger.status === 'enabled' ? 'text-text-success' : 'text-text-warning'} system-xs-semibold-uppercase`}>
{trigger.status === 'enabled'
? t('appOverview.overview.status.running')
: t('appOverview.overview.status.disable')}
</div>
</div>
<Switch
defaultValue={trigger.status === 'enabled'}
onChange={enabled => onToggleTrigger(trigger, enabled)}
disabled={!isCurrentWorkspaceEditor}
/>
</div>
{index < triggers.length - 1 && (
<Divider className="my-2" />
)}
<div className="flex items-center">
<div className={`${trigger.status === 'enabled' ? 'text-text-success' : 'text-text-warning'} system-xs-semibold-uppercase`}>
{trigger.status === 'enabled'
? t('appOverview.overview.status.running')
: t('appOverview.overview.status.disable')}
</div>
</div>
<Switch
defaultValue={trigger.status === 'enabled'}
onChange={enabled => onToggleTrigger(trigger, enabled)}
disabled={!isCurrentWorkspaceEditor}
/>
</div>
))}
</div>