diff --git a/renderer/public/mcp.css b/renderer/public/mcp.css index 6aecf24..390c6df 100644 --- a/renderer/public/mcp.css +++ b/renderer/public/mcp.css @@ -3,6 +3,15 @@ --main-color: #CB81DA; --main-dark-color: #2D323B; --main-light-color: rgba(203, 129, 218, 0.7); + --main-light-color-90: rgba(203, 129, 218, 0.9); + --main-light-color-80: rgba(203, 129, 218, 0.8); + --main-light-color-70: rgba(203, 129, 218, 0.7); + --main-light-color-60: rgba(203, 129, 218, 0.6); + --main-light-color-50: rgba(203, 129, 218, 0.5); + --main-light-color-40: rgba(203, 129, 218, 0.4); + --main-light-color-30: rgba(203, 129, 218, 0.3); + --main-light-color-20: rgba(203, 129, 218, 0.2); + --main-light-color-10: rgba(203, 129, 218, 0.1); --sidebar-width: 330px; --right-nav-width: 50px; --time-scale-height: 30px; diff --git a/renderer/src/components/main-panel/chat/chat-box/options/model.vue b/renderer/src/components/main-panel/chat/chat-box/options/model.vue index 3f771ff..1b3282b 100644 --- a/renderer/src/components/main-panel/chat/chat-box/options/model.vue +++ b/renderer/src/components/main-panel/chat/chat-box/options/model.vue @@ -73,6 +73,6 @@ const onRadioGroupChange = () => { } .setting-button:active { - transform: scale(1.1); + transform: scale(0.95); } \ No newline at end of file diff --git a/renderer/src/components/main-panel/index.vue b/renderer/src/components/main-panel/index.vue index 3b04cf1..d638356 100644 --- a/renderer/src/components/main-panel/index.vue +++ b/renderer/src/components/main-panel/index.vue @@ -1,39 +1,28 @@ \ No newline at end of file diff --git a/renderer/src/components/main-panel/prompt/prompt-templates.vue b/renderer/src/components/main-panel/prompt/prompt-templates.vue index dc4567b..cbe0ddd 100644 --- a/renderer/src/components/main-panel/prompt/prompt-templates.vue +++ b/renderer/src/components/main-panel/prompt/prompt-templates.vue @@ -140,6 +140,11 @@ onMounted(async () => { transition: var(--animation-3s); } +.prompt-template-container>.item:active { + transform: scale(0.95); + transition: var(--animation-3s); +} + .prompt-template-container>.item.active { background-color: var(--main-light-color); transition: var(--animation-3s); diff --git a/renderer/src/components/main-panel/resource/resource-list-templates.vue b/renderer/src/components/main-panel/resource/resource-list-templates.vue index 207dcdc..4bc0601 100644 --- a/renderer/src/components/main-panel/resource/resource-list-templates.vue +++ b/renderer/src/components/main-panel/resource/resource-list-templates.vue @@ -157,6 +157,11 @@ h3.resource-template .iconfont.icon-restart:hover { transition: var(--animation-3s); } +.resource-template-container > .item:active { + transform: scale(0.95); + transition: var(--animation-3s); +} + .resource-template-container > .item.active { background-color: var(--main-light-color); transition: var(--animation-3s); diff --git a/renderer/src/components/main-panel/resource/resource-list.vue b/renderer/src/components/main-panel/resource/resource-list.vue index 4d5be81..9084126 100644 --- a/renderer/src/components/main-panel/resource/resource-list.vue +++ b/renderer/src/components/main-panel/resource/resource-list.vue @@ -167,6 +167,11 @@ h3.resource-template .iconfont.icon-restart:hover { transition: var(--animation-3s); } +.resource-template-container > .item:active { + transform: scale(0.95); + transition: var(--animation-3s); +} + .resource-title { font-weight: bold; max-width: 250px; diff --git a/renderer/src/components/main-panel/tool/auto-detector.vue b/renderer/src/components/main-panel/tool/auto-detector.vue index c678336..26af4b7 100644 --- a/renderer/src/components/main-panel/tool/auto-detector.vue +++ b/renderer/src/components/main-panel/tool/auto-detector.vue @@ -4,14 +4,18 @@
Tool Diagram   - 重置 - 开启自检程序 + 重置 + 开启自检程序
- - + + +
+ {{ context.caption }} +
+