feat: UI调整
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
// src/views/Company/components/CompanyHeader/SearchBar.js
|
||||
// 股票搜索栏组件
|
||||
// 股票搜索栏组件 - 金色主题
|
||||
|
||||
import React from 'react';
|
||||
import {
|
||||
@@ -30,7 +30,7 @@ const SearchBar = ({
|
||||
<HStack spacing={3}>
|
||||
<InputGroup size="lg" maxW="300px">
|
||||
<InputLeftElement pointerEvents="none">
|
||||
<SearchIcon color="gray.400" />
|
||||
<SearchIcon color="#C9A961" />
|
||||
</InputLeftElement>
|
||||
<Input
|
||||
placeholder="输入股票代码"
|
||||
@@ -39,10 +39,14 @@ const SearchBar = ({
|
||||
onKeyPress={onKeyPress}
|
||||
borderRadius="md"
|
||||
color="white"
|
||||
_placeholder={{ color: 'whiteAlpha.600' }}
|
||||
borderColor="#C9A961"
|
||||
_placeholder={{ color: '#C9A961' }}
|
||||
_focus={{
|
||||
borderColor: 'blue.500',
|
||||
boxShadow: '0 0 0 1px #3182ce',
|
||||
borderColor: '#F4D03F',
|
||||
boxShadow: '0 0 0 1px #F4D03F',
|
||||
}}
|
||||
_hover={{
|
||||
borderColor: '#F4D03F',
|
||||
}}
|
||||
/>
|
||||
</InputGroup>
|
||||
@@ -54,7 +58,7 @@ const SearchBar = ({
|
||||
color="#C9A961"
|
||||
borderWidth="1px"
|
||||
borderColor="#C9A961"
|
||||
_hover={{ bg: '#1a1a1a' }}
|
||||
_hover={{ bg: '#1a1a1a', borderColor: '#F4D03F', color: '#F4D03F' }}
|
||||
>
|
||||
查询
|
||||
</Button>
|
||||
|
||||
Reference in New Issue
Block a user