fix: change short alignment

2025-10-03 08:06:24 +04:00
parent 006194fcdb
commit f68a6e152c
2 changed files with 65 additions and 5 deletions
@@ -1115,6 +1115,46 @@ img {
    transform: scale(1.2);
 }

+/* Shorts specific styling */
+.short-card {
+    width: 180px;
+}
+
+.short-thumbnail {
+    aspect-ratio: 9/16;
+    height: 320px;
+    border-radius: 12px;
+    overflow: hidden;
+}
+
+.short-thumbnail img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center;
+}
+
+/* Ajustements pour mobile */
+@media (max-width: 768px) {
+    .short-card {
+        width: 150px;
+    }
+    
+    .short-thumbnail {
+        height: 267px; /* Maintient le ratio 9:16 */
+    }
+}
+
+@media (max-width: 480px) {
+    .short-card {
+        width: 130px;
+    }
+    
+    .short-thumbnail {
+        height: 231px; /* Maintient le ratio 9:16 */
+    }
+}
+
 /* View More Button */
 .view-more {
    display: block;