Skip to content

Commit 87904a5

Browse files
committed
fix(tiles): add progress bar
1 parent 5083bbc commit 87904a5

1 file changed

Lines changed: 11 additions & 2 deletions

File tree

components/TileItem.vue

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,8 +67,17 @@ async function shufflePodcast() {
6767
{{ weekDay(item.date) }}
6868
<span class="opacity-70">{{ formatDate(item.date) }}</span>
6969
</div>
70-
<div v-else class="text-sm">
71-
{{ item.subtitle }}
70+
<div v-else class="flex items-center text-sm">
71+
<span class="shrink-0">{{ item.subtitle }}</span>
72+
<div
73+
v-if="item.percentage != undefined"
74+
class="ml-6 mr-4 h-0.5 w-full rounded-full bg-black-separator"
75+
>
76+
<div
77+
class="h-full w-full rounded-full bg-black-1"
78+
:style="{ width: item.percentage + '%' }"
79+
/>
80+
</div>
7281
</div>
7382
<div class="mt-auto flex w-full flex-row items-center gap-3.5 pt-1.5">
7483
<button

0 commit comments

Comments
 (0)