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:
@@ -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 {
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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({
|
||||||
|
|||||||
Reference in New Issue
Block a user