update pay ui

This commit is contained in:
2025-12-05 19:18:14 +08:00
parent 75d3cf135a
commit 89f581aeed
2 changed files with 61 additions and 80 deletions

View File

@@ -1760,7 +1760,7 @@ const ConceptCenter = () => {
</HStack>
<ButtonGroup size="sm" isAttached variant="outline">
<Tooltip label="3D星图" placement="top">
<Tooltip label="概念矩形树图" placement="top">
<IconButton
icon={<FaCube />}
onClick={() => {
@@ -1769,14 +1769,14 @@ const ConceptCenter = () => {
setViewMode('force3d');
}
}}
bg={viewMode === 'force3d' ? 'purple.500' : 'transparent'}
color={viewMode === 'force3d' ? 'white' : 'whiteAlpha.700'}
bg={viewMode === 'force3d' ? 'yellow.500' : 'transparent'}
color={viewMode === 'force3d' ? 'gray.900' : 'whiteAlpha.700'}
borderColor="whiteAlpha.300"
_hover={{
bg: viewMode === 'force3d' ? 'purple.400' : 'whiteAlpha.100',
boxShadow: viewMode === 'force3d' ? '0 0 10px rgba(139, 92, 246, 0.4)' : 'none',
bg: viewMode === 'force3d' ? 'yellow.400' : 'whiteAlpha.100',
boxShadow: viewMode === 'force3d' ? '0 0 10px rgba(234, 179, 8, 0.4)' : 'none',
}}
aria-label="3D星图"
aria-label="概念矩形树图"
/>
</Tooltip>
<Tooltip label="层级图" placement="top">
@@ -1788,35 +1788,16 @@ const ConceptCenter = () => {
setViewMode('hierarchy');
}
}}
bg={viewMode === 'hierarchy' ? 'purple.500' : 'transparent'}
color={viewMode === 'hierarchy' ? 'white' : 'whiteAlpha.700'}
bg={viewMode === 'hierarchy' ? 'yellow.500' : 'transparent'}
color={viewMode === 'hierarchy' ? 'gray.900' : 'whiteAlpha.700'}
borderColor="whiteAlpha.300"
_hover={{
bg: viewMode === 'hierarchy' ? 'purple.400' : 'whiteAlpha.100',
boxShadow: viewMode === 'hierarchy' ? '0 0 10px rgba(139, 92, 246, 0.4)' : 'none',
bg: viewMode === 'hierarchy' ? 'yellow.400' : 'whiteAlpha.100',
boxShadow: viewMode === 'hierarchy' ? '0 0 10px rgba(234, 179, 8, 0.4)' : 'none',
}}
aria-label="层级图"
/>
</Tooltip>
<Tooltip label="网格视图" placement="top">
<IconButton
icon={<FaThLarge />}
onClick={() => {
if (viewMode !== 'grid') {
trackViewModeChanged('grid', viewMode);
setViewMode('grid');
}
}}
bg={viewMode === 'grid' ? 'purple.500' : 'transparent'}
color={viewMode === 'grid' ? 'white' : 'whiteAlpha.700'}
borderColor="whiteAlpha.300"
_hover={{
bg: viewMode === 'grid' ? 'purple.400' : 'whiteAlpha.100',
boxShadow: viewMode === 'grid' ? '0 0 10px rgba(139, 92, 246, 0.4)' : 'none',
}}
aria-label="网格视图"
/>
</Tooltip>
<Tooltip label="列表视图" placement="top">
<IconButton
icon={<FaList />}
@@ -1826,12 +1807,12 @@ const ConceptCenter = () => {
setViewMode('list');
}
}}
bg={viewMode === 'list' ? 'purple.500' : 'transparent'}
color={viewMode === 'list' ? 'white' : 'whiteAlpha.700'}
bg={viewMode === 'list' ? 'yellow.500' : 'transparent'}
color={viewMode === 'list' ? 'gray.900' : 'whiteAlpha.700'}
borderColor="whiteAlpha.300"
_hover={{
bg: viewMode === 'list' ? 'purple.400' : 'whiteAlpha.100',
boxShadow: viewMode === 'list' ? '0 0 10px rgba(139, 92, 246, 0.4)' : 'none',
bg: viewMode === 'list' ? 'yellow.400' : 'whiteAlpha.100',
boxShadow: viewMode === 'list' ? '0 0 10px rgba(234, 179, 8, 0.4)' : 'none',
}}
aria-label="列表视图"
/>