diff --git a/apps/jingrow/frontend/src/views/scheduledJobs/ScheduledJobDetail.vue b/apps/jingrow/frontend/src/views/scheduledJobs/ScheduledJobDetail.vue index d283f6c..9e16782 100644 --- a/apps/jingrow/frontend/src/views/scheduledJobs/ScheduledJobDetail.vue +++ b/apps/jingrow/frontend/src/views/scheduledJobs/ScheduledJobDetail.vue @@ -4,22 +4,25 @@

{{ job?.method || t('Scheduled Job Detail') }}

-

{{ t('View and manage scheduled job settings') }}

- + {{ job.stopped ? t('Start Job') : t('Stop Job') }} - + @@ -280,11 +283,6 @@ onMounted(() => { margin: 0 0 8px 0; } -.page-description { - font-size: 16px; - color: #6b7280; - margin: 0; -} .loading { display: flex; @@ -468,6 +466,57 @@ onMounted(() => { font-size: 14px; } +/* 工具栏按钮基础样式 - 与Local Ai Agent工具栏一致 */ +.toolbar-btn { + background: #f3f4f6 !important; + color: #374151 !important; + border: 1px solid rgba(0, 0, 0, 0.08) !important; + transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); +} + +/* 清除 Naive UI 按钮内部的边框元素,避免双重边框 */ +.toolbar-btn :deep(.n-button__border), +.toolbar-btn :deep(.n-button__state-border) { + border: none !important; + border-color: transparent !important; +} + +.toolbar-btn:hover:not(:disabled) { + transform: translateY(-1px); + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} + +.toolbar-btn:hover:not(:disabled) :deep(.n-button__border), +.toolbar-btn:hover:not(:disabled) :deep(.n-button__state-border) { + border: none !important; + border-color: transparent !important; +} + +/* 执行按钮 - 绿色系(与Local Ai Agent执行按钮配色一致) */ +.execute-btn { + background: #dcfce7 !important; + color: #166534 !important; + border-color: rgba(34, 197, 94, 0.2) !important; +} + +.execute-btn:hover:not(:disabled) { + background: #bbf7d0 !important; + color: #15803d !important; + border-color: rgba(34, 197, 94, 0.3) !important; + box-shadow: 0 2px 8px rgba(34, 197, 94, 0.15); +} + +.toolbar-btn:disabled { + opacity: 0.5; + cursor: not-allowed; +} + +.toolbar-btn:disabled :deep(.n-button__border), +.toolbar-btn:disabled :deep(.n-button__state-border) { + border: none !important; + border-color: transparent !important; +} + /* 响应式设计 */ @media (max-width: 768px) { .properties-grid {