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

UI fix and following page

Browse Source
This commit is contained in:
dragongoose
2024-01-01 15:17:06 -05:00
parent d52bd9c193
commit c386cd9b5c
2 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/HomepageView.vue
View File

@ -71,8 +71,6 @@ export default {
async mounted() {
window.onscroll = this.getNextCategory
this.following = await followersStreaming(getFollows())
// get discover page
await getEndpoint('api/discover')
.catch(() => {
@ -81,6 +79,8 @@ export default {
.then((data: CategoryPreviewInterface[]) => {
this.data = data
})
this.following = await followersStreaming(getFollows())
},
components: {
StreamPreviewVue,
@ -96,10 +96,10 @@ export default {
<error-message v-else-if="status == 'error'"></error-message>
<div v-else-if="data" class="max-w-5xl mx-auto">
<div v-if="following && following.length > 0" class="p-2 text-white">
<div v-if="following && following.length > 0" class="p-2 text-white w-[100vw]">
<h1 class="font-bold text-5xl">Following</h1>
<p class="text-xl">Streamers you follow</p>
<ul class="flex flex-wrap justify-begin overflow-x-scroll space-x-2 mt-1 h-[19rem] items-center">
<ul class="flex flex-nowrap justify-begin overflow-x-scroll overflow-y-hidden space-x-2 mt-1 h-[19rem] items-center">
<li v-for="streamer in following" :key="streamer" class="inline-block">
<stream-preview-vue :name="streamer"></stream-preview-vue>
</li>