-
![]()
+
{{ item.contestName.charAt(0) }}
@@ -69,12 +54,7 @@
@@ -218,7 +198,7 @@ $primary: #6366f1;
}
.card-cover {
- height: 160px;
+ height: 200px;
position: relative;
overflow: hidden;
diff --git a/lesingle-creation-frontend/src/views/public/ActivityDetail.vue b/lesingle-creation-frontend/src/views/public/ActivityDetail.vue
index 46d5aaf..1e61cdc 100644
--- a/lesingle-creation-frontend/src/views/public/ActivityDetail.vue
+++ b/lesingle-creation-frontend/src/views/public/ActivityDetail.vue
@@ -693,15 +693,18 @@ $primary: #6366f1;
.detail-hero {
position: relative;
- height: 220px;
+ min-height: 150px;
+ display: flex;
+ // height: 220px;
border-radius: 20px;
overflow: hidden;
margin-bottom: 16px;
.hero-cover {
width: 100%;
- height: 100%;
- object-fit: cover;
+ // height: 100%;
+ object-fit: contain;
+ margin: auto;
}
.hero-placeholder {
@@ -1258,7 +1261,7 @@ $primary: #6366f1;
@media (max-width: 640px) {
.detail-hero {
- height: 180px;
+ // height: 180px;
border-radius: 16px;
}