ngn/safetwitch
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Packages Activity

Format

Browse Source
This commit is contained in:
dragongoose
2023-11-04 19:52:55 -04:00
parent 961d3bfa67
commit 4dd94d4af1
20 changed files with 509 additions and 443 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/views/ClipView.vue
View File

@ -30,7 +30,7 @@ export default {
status.value = 'error'
})
console.log(srcUrl)
console.log(srcUrl)
const videoOptions = {
autoplay: true,
@ -96,8 +96,7 @@ export default {
class="flex bg-crust flex-col p-6 rounded-lg w-[99vw] md:max-w-prose md:min-w-[65ch] lg:max-w-[70rem] text-contrast"
>
<div class="w-full mx-auto rounded-lg mb-5">
<video-player :options="videoOptions">
</video-player>
<video-player :options="videoOptions"> </video-player>
</div>
<div class="w-full flex-wrap md:p-3">
@ -122,28 +121,28 @@ export default {
<div class="flex justify-between items-center">
<div class="pt-2 inline-flex">
<follow-button :username="data.streamer.username"></follow-button>
<p class="align-baseline font-bold ml-3">
{{ abbreviate(data.streamer.followers) }} {{ $t('main.followers') }}
</p>
</div>
<follow-button :username="data.streamer.username"></follow-button>
<p class="align-baseline font-bold ml-3">
{{ abbreviate(data.streamer.followers) }} {{ $t('main.followers') }}
</p>
</div>
<div class="space-x-1">
<a :href="srcUrl" download>
<button class="px-2 py-1.5 rounded-lg bg-purple">
<div class="space-x-1">
<a :href="srcUrl" download>
<button class="px-2 py-1.5 rounded-lg bg-purple">
<v-icon name="md-download-round"></v-icon>
</button>
</a>
</button>
</a>
<button @click="toggleShareModal" class="px-2 py-1.5 rounded-lg bg-purple">
<v-icon name="fa-share-alt"></v-icon>
</button>
</div>
<button @click="toggleShareModal" class="px-2 py-1.5 rounded-lg bg-purple">
<v-icon name="fa-share-alt"></v-icon>
</button>
</div>
</div>
</div>
<!-- ABOUT TAB -->
<about-tab :socials="data.streamer.socials" :about="data.streamer.about"></about-tab>
<about-tab :socials="data.streamer.socials" :about="data.streamer.about"></about-tab>
</div>
</div>
</template>