From 05a684caa54434148ab191ecbed384b723bb8bf9 Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Tue, 16 Jun 2026 22:49:38 +0100
Subject: [PATCH] fix(course): preserve cover image aspect ratio in settings
 preview

The preview forced images into a 280x200 box with default object-fit,
squeezing non-matching aspect ratios. Use object-cover so the image
fills the frame at its true aspect ratio and crops overflow instead.
---
 apps/dashboard/src/lib/features/course/pages/settings.svelte | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/apps/dashboard/src/lib/features/course/pages/settings.svelte b/apps/dashboard/src/lib/features/course/pages/settings.svelte
index a480b911..ccc2f2e1 100644
--- a/apps/dashboard/src/lib/features/course/pages/settings.svelte
+++ b/apps/dashboard/src/lib/features/course/pages/settings.svelte
@@ -369,10 +369,9 @@
       <Field.Field>
         <div class="relative w-fit">
           <img
-            style="min-width:280px; min-height:200px"
             alt="Course cover"
             src={$settings.logo ? $settings.logo : '/images/classroomio-course-img-template.jpg'}
-            class="relative mt-2 h-[200px] w-[280px] rounded-md md:mt-0"
+            class="relative mt-2 h-[200px] w-[280px] rounded-md border object-cover md:mt-0"
           />
         </div>
       </Field.Field>