Infrastructure/safetwitch
0
Fork 0
mirror of https://codeberg.org/SafeTwitch/safetwitch.git synced 2024-12-22 13:22:58 -05:00
Code Issues Activity

Add clip download support

Browse source
This commit is contained in:
dragongoose 2023-10-24 18:52:50 -04:00
parent 9c332221fe
commit b93efbc4b5
No known key found for this signature in database
GPG key ID: 01397EEC371CDAA5
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/main.ts
View file

@ -35,6 +35,7 @@ import {
BiHeartFill, BiHeartFill,
FaShareAlt, FaShareAlt,
IoCloseSharp, IoCloseSharp,
MdDownloadRound,
IoPerson IoPerson
} from 'oh-vue-icons/icons' } from 'oh-vue-icons/icons'
@ -53,6 +54,7 @@ addIcons(
BiHeartFill, BiHeartFill,
FaShareAlt, FaShareAlt,
IoCloseSharp, IoCloseSharp,
MdDownloadRound,
IoPerson IoPerson
) )

9
src/views/ClipView.vue
View file

@ -49,6 +49,7 @@ export default {
status, status,
videoOptions, videoOptions,
time: ref(0), time: ref(0),
srcUrl,
shareModalVisible: ref(false) shareModalVisible: ref(false)
} }
}, },
@ -128,11 +129,19 @@ export default {
</p> </p>
</div> </div>
<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 @click="toggleShareModal" class="px-2 py-1.5 rounded-lg bg-purple"> <button @click="toggleShareModal" class="px-2 py-1.5 rounded-lg bg-purple">
<v-icon name="fa-share-alt"></v-icon> <v-icon name="fa-share-alt"></v-icon>
</button> </button>
</div> </div>
</div> </div>
</div>
<!-- ABOUT TAB --> <!-- 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>