mirror of
https://github.com/audiobookshelf/audiobookshelf-web.git
synced 2025-08-09 20:34:33 +02:00
60 lines
No EOL
1.9 KiB
Vue
60 lines
No EOL
1.9 KiB
Vue
<template>
|
||
<div id="podcast-structure" class="not-prose">
|
||
<p class="mb-4 text-sm md:text-base">Here is an example supported directory structure for Podcasts</p>
|
||
|
||
<div class="p-4 border border-opacity-10 bg-primary bg-opacity-20 font-mono">
|
||
<div class="flex py-1 max-w-2xl">
|
||
<img src="/folder.svg" class="h-6" />
|
||
<p class="pl-2">Lex Fridman Podcast</p>
|
||
<div class="hidden md:block flex-grow" />
|
||
<span class="hidden md:block text-white text-opacity-50 pl-4"><-- Title </span>
|
||
</div>
|
||
<div class="flex py-1 max-w-2xl">
|
||
<span class="text-white text-opacity-25"> - </span>
|
||
<span class="material-icons">audiotrack</span>
|
||
<p class="pl-2">#219 – Donald Knuth.mp3</p>
|
||
</div>
|
||
<div class="flex py-1 max-w-2xl">
|
||
<span class="text-white text-opacity-25"> - </span>
|
||
<span class="material-icons">audiotrack</span>
|
||
<p class="pl-2">#252 – Elon Musk.mp3</p>
|
||
</div>
|
||
<div class="flex py-1 max-w-2xl">
|
||
<span class="text-white text-opacity-25"> - </span>
|
||
<span class="material-icons">crop_original</span>
|
||
<p class="pl-2">Cover.jpg</p>
|
||
</div>
|
||
<div class="flex py-1 max-w-2xl">
|
||
<img src="/folder.svg" class="h-6" />
|
||
<p class="pl-2">Self-Hosted</p>
|
||
<div class="hidden md:block flex-grow" />
|
||
<span class="hidden md:block text-white text-opacity-50 pl-4"><-- Title </span>
|
||
</div>
|
||
<div class="flex py-1 max-w-2xl">
|
||
<span class="text-white text-opacity-25"> - </span>
|
||
<span class="material-icons">audiotrack</span>
|
||
<p class="pl-2">#69 - Get Off My Lawn.mp3</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {}
|
||
},
|
||
computed: {},
|
||
methods: {},
|
||
mounted() {}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
p {
|
||
margin: 0px;
|
||
}
|
||
img {
|
||
margin: 0px;
|
||
}
|
||
</style> |