Skip to content

Commit 9855c4c

Browse files
lumirlumirCopilot
andauthored
chore(website): fix DocSearch button with border and transition effects (#415)
This pull request introduces a minor improvement to the `website/.vitepress/theme/style.css` file. It enhances the styling of the `.DocSearch-Button` element by adding a border transition effect on hover for better user experience. * `.DocSearch-Button` styling: Added a solid border with a transparent default color and a smooth transition effect. The border color changes to `var(--vp-c-brand-1)` on hover. --------- Co-authored-by: Copilot <[email protected]>
1 parent 24a32d4 commit 9855c4c

File tree

1 file changed

+9
-0
lines changed

1 file changed

+9
-0
lines changed

website/.vitepress/theme/style.css

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,6 +66,15 @@
6666
--vp-home-hero-image-filter: blur(44px);
6767
}
6868

69+
.DocSearch-Button {
70+
border: 1px solid transparent;
71+
transition: border-color 0.2s ease-in-out;
72+
}
73+
74+
.DocSearch-Button:hover {
75+
border-color: var(--vp-c-brand-1);
76+
}
77+
6978
@media (min-width: 640px) {
7079
:root {
7180
--vp-home-hero-image-filter: blur(56px);

0 commit comments

Comments
 (0)