vf/vf_react
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update pay promo

Browse Source
This commit is contained in:
zzlgreat
2026-02-03 16:22:07 +08:00
parent f4a1a1927c
commit 94a711a5ea
1 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Navbars/SearchBar/SearchBar.js
View File

@@ -97,27 +97,26 @@ export function SearchBar(props) {
return (
<Box ref={containerRef} position="relative" {...rest}>
{/* 搜索框容器 - 带微妙动画 */}
{/* 搜索框容器 - 浅灰色背景，清晰可见 */}
<Box
position="relative"
borderRadius="full"
bg={isFocused ? "rgba(255, 255, 255, 0.12)" : "rgba(255, 255, 255, 0.06)"}
backdropFilter="blur(10px)"
bg={isFocused ? "rgba(255, 255, 255, 0.18)" : "rgba(255, 255, 255, 0.12)"}
border="1px solid"
borderColor={isFocused ? "rgba(212, 175, 55, 0.4)" : "rgba(255, 255, 255, 0.1)"}
boxShadow={isFocused ? "0 0 20px rgba(212, 175, 55, 0.15)" : "none"}
transition="all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
borderColor={isFocused ? "rgba(212, 175, 55, 0.5)" : "rgba(255, 255, 255, 0.25)"}
boxShadow={isFocused ? "0 0 12px rgba(212, 175, 55, 0.2)" : "none"}
transition="all 0.2s ease"
_hover={{
bg: "rgba(255, 255, 255, 0.1)",
borderColor: "rgba(212, 175, 55, 0.3)",
bg: "rgba(255, 255, 255, 0.15)",
borderColor: "rgba(255, 255, 255, 0.35)",
}}
>
<InputGroup w={{ base: "160px", md: "200px", lg: "240px" }}>
<InputLeftElement pointerEvents="none" h="full">
<Search
size={15}
color={isFocused ? accentColor : "rgba(255, 255, 255, 0.5)"}
style={{ transition: "color 0.3s" }}
color={isFocused ? accentColor : "rgba(255, 255, 255, 0.7)"}
style={{ transition: "color 0.2s" }}
/>
</InputLeftElement>
<Input
@@ -135,7 +134,7 @@ export function SearchBar(props) {
py={2}
h="36px"
_placeholder={{
color: "rgba(255, 255, 255, 0.4)",
color: "rgba(255, 255, 255, 0.6)",
fontSize: "sm",
}}
/>