Jayden/AFFiNE-Mirror
1
0
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2026-02-14 21:27:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(core): enhance chat-input focus shadow (#13067)

Browse Source 
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Style**
* Enhanced the visual appearance of the chat input field when focused by
adding a new box-shadow effect.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
Cats Juice
2025-07-07 15:32:35 +08:00
committed by GitHub
parent f78e0c06ac
commit f3ee74f5af
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/frontend/core/src/blocksuite/ai/components/ai-chat-input/ai-chat-input.ts
View File

@@ -56,6 +56,12 @@ export class AIChatInput extends SignalWatcher(
0px 0px 0px 3px transparent,
0px 2px 3px rgba(0, 0, 0, 0.05);
}
.chat-panel-input[data-if-focused='true'] {
box-shadow:
var(--border-shadow),
0px 0px 0px 3px transparent,
0px 4px 6px rgba(0, 0, 0, 0.05);
}
[data-theme='dark'] .chat-panel-input[data-if-focused='true'] {
box-shadow:
var(--border-shadow),