/* src/components/ActivityBoard.css */ | |
.activity-card { | |
border-radius: 12px; | |
overflow: hidden; | |
transition: all 0.3s ease; | |
} | |
.activity-card:hover { | |
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1); | |
transform: translateY(-4px); | |
} | |
.activity-photo { | |
height: 180px; | |
width: 100%; | |
object-fit: cover; | |
border-radius: 8px 8px 0 0; | |
transition: transform 0.2s ease; | |
cursor: pointer; | |
} | |
.activity-photo:hover { | |
transform: scale(1.03); | |
} | |
.activity-title { | |
font-weight: 600; | |
font-size: 16px; | |
margin: 8px 0; | |
color: #1a1a1a; | |
} | |
.loading-container { | |
display: flex; | |
justify-content: center; | |
padding: 50px 0; | |
} |