witchcraft.systems
astrra.space
+8
-2
src/App.svelte
+8
-2
src/App.svelte
···
52
52
<p>Error: {error.message}</p>
53
53
{/await}
54
54
55
-
<div id="Feed" property="infinite-wrapper">
55
+
<div id="Feed">
56
56
<div id="spacer"></div>
57
57
{#each posts as postObject}
58
58
<PostComponent post={postObject as Post} />
59
59
{/each}
60
-
<InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper=true />
60
+
{#if screen.availWidth > 600}
61
+
<InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper="#Feed" />
62
+
{/if}
63
+
{#if screen.availWidth <= 600}
64
+
<InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper=false />
65
+
{/if}
61
66
<div id="spacer"></div>
62
67
</div>
63
68
</div>
···
138
143
height: auto;
139
144
}
140
145
#Feed {
146
+
overflow-y: scroll;
141
147
width: 95%;
142
148
margin: 0px;
143
149
margin-left: 10%;