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