refactor(Home): 迁移毛玻璃效果到统一配置
- FeatureCard.tsx: 使用 GLASS_BLUR.sm 替代 blur(10px) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -14,6 +14,7 @@ import {
|
|||||||
Button
|
Button
|
||||||
} from '@chakra-ui/react';
|
} from '@chakra-ui/react';
|
||||||
import type { Feature, FeatureClickHandler } from '@/types/home';
|
import type { Feature, FeatureClickHandler } from '@/types/home';
|
||||||
|
import { GLASS_BLUR } from '@/constants/glassConfig';
|
||||||
|
|
||||||
interface FeatureCardProps {
|
interface FeatureCardProps {
|
||||||
feature: Feature;
|
feature: Feature;
|
||||||
@@ -31,7 +32,7 @@ export const FeatureCard: React.FC<FeatureCardProps> = ({
|
|||||||
return (
|
return (
|
||||||
<Card
|
<Card
|
||||||
bg="whiteAlpha.100"
|
bg="whiteAlpha.100"
|
||||||
backdropFilter="blur(10px)"
|
backdropFilter={GLASS_BLUR.sm}
|
||||||
border="1px solid"
|
border="1px solid"
|
||||||
borderColor="whiteAlpha.200"
|
borderColor="whiteAlpha.200"
|
||||||
borderRadius={{ base: 'lg', md: 'xl' }}
|
borderRadius={{ base: 'lg', md: 'xl' }}
|
||||||
|
|||||||
Reference in New Issue
Block a user