update ui

2025-11-13 18:08:02 +08:00
parent 716b4ba3bd
commit 2edeeec497
3 changed files with 422 additions and 67 deletions
--- a/src/views/Community/components/HotEventsSection.js
+++ b/src/views/Community/components/HotEventsSection.js
@@ -44,6 +44,13 @@ const HotEventsSection = ({ events, onEventClick }) => {
      borderColor={useColorModeValue('gray.200', 'gray.700')}
      position="relative"
      zIndex={1}
+      animation="fadeInUp 0.8s ease-out 0.4s both"
+      sx={{
+        '@keyframes fadeInUp': {
+          '0%': { opacity: 0, transform: 'translateY(30px)' },
+          '100%': { opacity: 1, transform: 'translateY(0)' }
+        }
+      }}
    >
      <CardHeader pb={3} display="flex" justifyContent="space-between" alignItems="flex-start">
        <Box>