更新Company页面的UI为FUI风格
This commit is contained in:
@@ -45,8 +45,9 @@ const CompareStockInput: React.FC<CompareStockInputProps> = ({
|
||||
// 从 Redux 获取全部股票列表
|
||||
const allStocks = useSelector((state: RootState) => state.stock.allStocks);
|
||||
|
||||
// 黑金主题颜色
|
||||
const borderColor = '#C9A961';
|
||||
// 黑金主题颜色(提高对比度)
|
||||
const borderColor = '#E8C14D';
|
||||
const textColor = 'rgba(245, 240, 225, 0.95)';
|
||||
const goldColor = '#F4D03F';
|
||||
const bgColor = '#1A202C';
|
||||
|
||||
@@ -105,7 +106,7 @@ const CompareStockInput: React.FC<CompareStockInputProps> = ({
|
||||
<HStack spacing={2}>
|
||||
<InputGroup size="sm" w="160px">
|
||||
<InputLeftElement pointerEvents="none">
|
||||
<SearchIcon color={borderColor} boxSize={3} />
|
||||
<SearchIcon color={textColor} boxSize={3} />
|
||||
</InputLeftElement>
|
||||
<Input
|
||||
placeholder="对比股票"
|
||||
@@ -121,7 +122,7 @@ const CompareStockInput: React.FC<CompareStockInputProps> = ({
|
||||
fontSize="sm"
|
||||
borderColor={borderColor}
|
||||
bg="transparent"
|
||||
_placeholder={{ color: borderColor, fontSize: 'sm' }}
|
||||
_placeholder={{ color: textColor, fontSize: 'sm' }}
|
||||
_focus={{
|
||||
borderColor: goldColor,
|
||||
boxShadow: `0 0 0 1px ${goldColor}`,
|
||||
@@ -190,7 +191,7 @@ const CompareStockInput: React.FC<CompareStockInputProps> = ({
|
||||
<Text color={goldColor} fontWeight="bold" fontSize="xs">
|
||||
{stock.code}
|
||||
</Text>
|
||||
<Text color={borderColor} fontSize="xs" noOfLines={1} maxW="120px">
|
||||
<Text color={textColor} fontSize="xs" noOfLines={1} maxW="120px">
|
||||
{stock.name}
|
||||
</Text>
|
||||
</HStack>
|
||||
|
||||
Reference in New Issue
Block a user