Nightmare scroll code fixes

This commit is contained in:
Astra 2025-05-11 00:48:32 +09:00
parent a26f0383a8
commit b4be776c9b
Signed by: astra
SSH key fingerprint: SHA256:jQDNS75/33T59Ey4yAzrUPP/5YQaXEetsW8hwUae+ag

View file

@ -57,12 +57,7 @@
{#each posts as postObject} {#each posts as postObject}
<PostComponent post={postObject as Post} /> <PostComponent post={postObject as Post} />
{/each} {/each}
{#if screen.availWidth > 600} <InfiniteLoading on:infinite={onInfinite} distance={3000} />
<InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper="#Feed" />
{/if}
{#if screen.availWidth <= 600}
<InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper=false />
{/if}
<div id="spacer"></div> <div id="spacer"></div>
</div> </div>
</div> </div>
@ -83,9 +78,9 @@
color: var(--text-color); color: var(--text-color);
} }
#Feed { #Feed {
overflow-y: scroll;
width: 65%; width: 65%;
height: 100vh; height: 100vh;
overflow-y: scroll;
padding: 20px; padding: 20px;
padding-bottom: 0; padding-bottom: 0;
padding-top: 0; padding-top: 0;
@ -143,13 +138,12 @@
height: auto; height: auto;
} }
#Feed { #Feed {
overflow-y: scroll;
width: 95%; width: 95%;
margin: 0px; margin: 0px;
margin-left: 10%; margin-left: 10%;
margin-right: 10%; margin-right: 10%;
padding: 0px; padding: 0px;
height: auto; overflow-y: visible;
} }
#spacer { #spacer {