ulivargas/classroomio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(course): preserve cover image aspect ratio in settings preview

Browse Source 
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.
This commit is contained in:
Rotimi Best
2026-06-16 22:49:38 +01:00
parent 7022537471
commit 05a684caa5
1 changed files with 1 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/dashboard/src/lib/features/course/pages/settings.svelte
+1 -2
View File
@@ -369,10 +369,9 @@
<Field.Field> <Field.Field>
<div class="relative w-fit"> <div class="relative w-fit">
<img <img
style="min-width:280px; min-height:200px"
alt="Course cover" alt="Course cover"
src={$settings.logo ? $settings.logo : '/images/classroomio-course-img-template.jpg'} 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> </div>
</Field.Field> </Field.Field>