diff --git a/src/components/ai/PromptHistoryPanel.vue b/src/components/ai/PromptHistoryPanel.vue index 00ba1a1..9d58b02 100644 --- a/src/components/ai/PromptHistoryPanel.vue +++ b/src/components/ai/PromptHistoryPanel.vue @@ -240,30 +240,21 @@ onMounted(() => { .history-card { cursor: pointer; - position: relative; overflow: hidden; } .history-card.is-selected { - --n-border-color: #18a058; - border-color: #18a058; - box-shadow: - 0 0 0 2px rgba(24, 160, 88, 0.35), - 0 12px 26px rgba(24, 160, 88, 0.24); - transform: translateY(-1px); + --n-color: #f7fffa; + box-shadow: 0 10px 24px rgba(24, 160, 88, 0.14); } -.history-card.is-selected::before { - content: ""; - position: absolute; - inset: 0 auto 0 0; - width: 4px; - background: #18a058; - z-index: 1; +.history-card.is-selected .history-main { + background: #eefaf3; } .history-main { padding: 10px 12px; + transition: background-color 0.18s ease; } .prompt-markdown { @@ -310,6 +301,11 @@ onMounted(() => { justify-content: center; } +.history-card.is-selected .thumbnail { + border-top-color: #d8f1e2; + background: #f4fbf6; +} + .thumbnail iframe { width: 100%; height: 100%;