feat: add course cover positioning

2026-09-04 14:42:04 -03:00
parent ad860074fd
commit 7a01be2b59
10 changed files with 120 additions and 18 deletions
--- a/components/SearchModal.tsx
+++ b/components/SearchModal.tsx
@@ -136,7 +136,10 @@ export const SearchModal: React.FC<SearchModalProps> = ({ isOpen, onClose, onPla
                              src={course.thumbnail} 
                              alt={course.title} 
                              className="w-full h-full object-cover opacity-80 group-hover:opacity-100 group-hover:scale-105 transition-all duration-300 rounded-[8px]" 
-                              style={{ transform: `scale(${course.coverImageZoom || 1})` }}
+                              style={{
+                                transform: `scale(${course.coverImageZoom || 1})`,
+                                objectPosition: `${course.coverImagePositionX ?? 50}% ${course.coverImagePositionY ?? 50}%`,
+                              }}
                            />
                            <div className="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity bg-black/40">
                              <PlayCircle className="w-10 h-10 text-orange-500" />