fix(ui): render cover images in minimal landing template (#839)

Show course.logo on minimal course cards and hero.image below CTAs so
the default org landing page matches other templates.
This commit is contained in:
Rotimi Best
2026-08-14 10:58:31 +01:00
committed by GitHub
parent 41d810d4f7
commit a05b081dde
2 changed files with 15 additions and 1 deletions
@@ -36,10 +36,15 @@
tabindex={disableCourseLinks ? -1 : undefined}
>
<Card.Root
class="ui:rounded-none ui:border-[var(--landing-border)]/60 ui:shadow-none ui:h-full ui:p-0 ui:gap-0 {disableCourseLinks
class="ui:rounded-none ui:overflow-hidden ui:border-[var(--landing-border)]/60 ui:shadow-none ui:h-full ui:p-0 ui:gap-0 {disableCourseLinks
? ''
: 'ui:hover:border-[var(--landing-border)] ui:transition-colors'}"
>
{#if course.logo}
<div class="ui:aspect-video ui:w-full ui:overflow-hidden">
<img src={course.logo} alt={course.title} class="ui:h-full ui:w-full ui:object-cover" />
</div>
{/if}
<Card.Content class="ui:p-8 ui:flex ui:flex-col ui:flex-1">
<Card.Title class="ui:text-xl ui:font-normal ui:mb-4">{course.title}</Card.Title>
<Card.Description class="ui:mb-8 ui:line-clamp-3 ui:text-base ui:leading-relaxed">
@@ -65,6 +65,15 @@
{/if}
</div>
{/if}
{#if hero.image}
<div class="ui:mt-12 ui:max-w-3xl ui:mx-auto">
<img
src={hero.image}
alt=""
class="ui:w-full ui:h-auto ui:rounded-xl ui:border ui:border-[var(--landing-border)]"
/>
</div>
{/if}
</div>
</section>
</EditableLandingSection>