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

Fix layout issues with following streamer scroll

Browse source
This commit is contained in:
dragongoose 2024-07-13 12:03:33 -04:00
parent f4195da002
commit 7431b7f1bf
No known key found for this signature in database
GPG key ID: 01397EEC371CDAA5
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/views/HomepageView.vue
View file

@ -112,16 +112,16 @@ export default {
<error-message ></error-message>
</div>
<div v-show="data" class="max-w-5xl mx-auto">
<div v-show="data" class="max-w-5xl w-[100vw] mx-auto">
<vue-title title="Discover"></vue-title>
<div v-if="following && following.length > 0" class="p-2 text-contrast">
<h1 class="font-bold text-5xl">{{ $t('home.following') }}</h1>
<p class="text-xl">{{ $t('home.streamersYouFollow') }}</p>
<ul
class="flex flex-nowrap justify-begin overflow-x-scroll overflow-y-hidden space-x-2 mt-1 h-[19rem] items-center"
class="overflow-x-auto whitespace-nowrap"
@scroll="handleFollowingScroll"
>
<li v-for="streamer in followingStreaming" :key="streamer" class="inline-block">
<li v-for="streamer in followingStreaming" :key="streamer" class="mr-2 inline-block">
<stream-preview-vue :name="streamer"></stream-preview-vue>
</li>
</ul>