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:
@@ -36,10 +36,15 @@
|
|||||||
tabindex={disableCourseLinks ? -1 : undefined}
|
tabindex={disableCourseLinks ? -1 : undefined}
|
||||||
>
|
>
|
||||||
<Card.Root
|
<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'}"
|
: '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.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.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">
|
<Card.Description class="ui:mb-8 ui:line-clamp-3 ui:text-base ui:leading-relaxed">
|
||||||
|
|||||||
@@ -65,6 +65,15 @@
|
|||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/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>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</EditableLandingSection>
|
</EditableLandingSection>
|
||||||
|
|||||||
Reference in New Issue
Block a user