We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent 5083bbc commit 87904a5Copy full SHA for 87904a5
1 file changed
components/TileItem.vue
@@ -67,8 +67,17 @@ async function shufflePodcast() {
67
{{ weekDay(item.date) }}
68
<span class="opacity-70">{{ formatDate(item.date) }}</span>
69
</div>
70
- <div v-else class="text-sm">
71
- {{ item.subtitle }}
+ <div v-else class="flex items-center text-sm">
+ <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
77
+ class="h-full w-full rounded-full bg-black-1"
78
+ :style="{ width: item.percentage + '%' }"
79
+ />
80
+ </div>
81
82
<div class="mt-auto flex w-full flex-row items-center gap-3.5 pt-1.5">
83
<button
0 commit comments