Infrastructure/safetwitch
0
Fork 0
mirror of https://codeberg.org/SafeTwitch/safetwitch.git synced 2025-01-18 02:12:27 -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> <error-message ></error-message>
</div> </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> <vue-title title="Discover"></vue-title>
<div v-if="following && following.length > 0" class="p-2 text-contrast"> <div v-if="following && following.length > 0" class="p-2 text-contrast">
<h1 class="font-bold text-5xl">{{ $t('home.following') }}</h1> <h1 class="font-bold text-5xl">{{ $t('home.following') }}</h1>
<p class="text-xl">{{ $t('home.streamersYouFollow') }}</p> <p class="text-xl">{{ $t('home.streamersYouFollow') }}</p>
<ul <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" @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> <stream-preview-vue :name="streamer"></stream-preview-vue>
</li> </li>
</ul> </ul>