Commit 5f8d413b authored by Yassine Doghri's avatar Yassine Doghri
Browse files

feat(ux): add episode description to episode cards

parent f2d5b272
Loading
Loading
Loading
Loading
+4 −3
Original line number Diff line number Diff line
<article class="flex w-full p-3 shadow border-3 bg-elevated rounded-conditional-2xl gap-x-2 <?= $episode->is_premium ? 'border-accent-base' : 'border-transparent' ?>">
    <div class="relative flex-shrink-0 w-20">
    <div class="relative flex-shrink-0 w-20 h-20">
        <time class="absolute px-1 text-xs font-semibold text-white rounded bottom-2 right-2 bg-black/75" datetime="PT<?= round($episode->audio->duration, 3) ?>S">
            <?= format_duration((int) $episode->audio->duration) ?>
        </time>
@@ -15,7 +15,8 @@
                <?= episode_numbering($episode->number, $episode->season_number, 'text-xs font-semibold border-subtle text-skin-muted px-1 border mr-2 !no-underline', true) ?>
                <?= relative_time($episode->published_at, 'text-xs whitespace-nowrap text-skin-muted') ?>
            </div>
            <h2 class="flex-1 mt-1 font-semibold leading-tight line-clamp-2"><a class="hover:underline" href="<?= $episode->link ?>"><?= esc($episode->title) ?></a></h2>
            <h2 class="flex-1 mt-1 font-semibold line-clamp-2"><a class="hover:underline" href="<?= $episode->link ?>"><?= esc($episode->title) ?></a></h2>
            <p class="text-xs text-gray-600 md:text-sm line-clamp-3"><?= $episode->description ?></p>
        </div>
        <?php if ($episode->is_premium && ! is_unlocked($podcast->handle)): ?>
            <a href="<?= route_to('episode', $episode->podcast->handle, $episode->slug) ?>" class="p-3 rounded-full bg-brand bg-accent-base text-accent-contrast hover:bg-accent-hover focus:ring-accent" title="<?= lang('PremiumPodcasts.unlock_episode') ?>" data-tooltip="bottom">