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 @@
-
-
+
+
-
+
{{ tab.name }}
-
+
-
-
-
+
+
+
-
-
-
-
+
+
+
+
\ 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.reset()">重置
+ startTest()">开启自检程序
-
-
+
+
+
+ {{ context.caption }}
+
+