fix Virtuoso margin, increaseViewportBy flicker

This commit is contained in:
Tom
2023-04-29 14:31:16 +02:00
parent 70fd17d91f
commit fe9a50db97
2 changed files with 4 additions and 2 deletions
+3 -1
View File
@@ -1560,7 +1560,8 @@ export const TopBar = styled.div`
export const BoardForm = styled.div` export const BoardForm = styled.div`
@media (min-width: 480px) { @media (min-width: 480px) {
margin-bottom: 25px; margin-bottom: 130px;
.thread-mobile { .thread-mobile {
display: none; display: none;
} }
@@ -2928,6 +2929,7 @@ export const BoardForm = styled.div`
@media (max-width: 480px) { @media (max-width: 480px) {
margin-top: -5%; margin-top: -5%;
margin-bottom: 335px;
.thread { .thread {
display: none; display: none;
+1 -1
View File
@@ -459,7 +459,7 @@ const Board = () => {
<PostLoader /> <PostLoader />
) : ( ) : (
<Virtuoso <Virtuoso
increaseViewportBy={{bottom: 1000}} increaseViewportBy={2000}
data={selectedFeed} data={selectedFeed}
itemContent={(index, thread) => { itemContent={(index, thread) => {
const { displayedReplies, omittedCount } = filteredRepliesByThread[thread.cid] || {}; const { displayedReplies, omittedCount } = filteredRepliesByThread[thread.cid] || {};