fix(UI): Profile 取消按钮样式、HotEvents 轮播箭头、Dashboard 按钮优化

- Profile: 取消按钮添加深色主题样式 (color, borderColor, hover)
- HotEvents: 轮播箭头添加 user-select: none 防止连续点击选中文本
- Dashboard: "查看更多"按钮改为图标按钮 (IconButton + FiPlus)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-12-15 15:20:02 +08:00
parent 7be35d7bb8
commit a9c21d8478
3 changed files with 10 additions and 5 deletions

View File

@@ -54,6 +54,7 @@
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
transition: all 0.3s ease !important; transition: all 0.3s ease !important;
z-index: 10 !important; z-index: 10 !important;
user-select: none !important; /* 防止连续点击时选中文本 */
} }
.custom-carousel-arrow:hover { .custom-carousel-arrow:hover {

View File

@@ -400,13 +400,13 @@ export default function CenterDashboard() {
{followingEvents.length} {followingEvents.length}
</Badge> </Badge>
</HStack> </HStack>
<Button <IconButton
size="sm" icon={<FiPlus />}
variant="ghost" variant="ghost"
size="sm"
onClick={() => navigate('/community')} onClick={() => navigate('/community')}
> aria-label="添加关注事件"
查看更多 />
</Button>
</Flex> </Flex>
</CardHeader> </CardHeader>
<CardBody pt={0} flex="1" overflowY="auto"> <CardBody pt={0} flex="1" overflowY="auto">

View File

@@ -208,6 +208,10 @@ export default function ProfilePage() {
<Button <Button
leftIcon={<CloseIcon />} leftIcon={<CloseIcon />}
variant="outline" variant="outline"
colorScheme="gray"
color="gray.300"
borderColor="gray.500"
_hover={{ bg: 'gray.700', borderColor: 'gray.400' }}
onClick={() => { onClick={() => {
setIsEditing(false); setIsEditing(false);
setFormData({ setFormData({