fix(app): prevent scrollbar glitch on board layout routes, also hiding unnecessary scrollbar in home

This commit is contained in:
plebeius.eth
2024-05-05 15:55:24 +02:00
parent 334f0a4d17
commit 61f23443ca
3 changed files with 7 additions and 4 deletions
+5
View File
@@ -2,6 +2,11 @@
z-index: 1; z-index: 1;
} }
.boardLayout {
overflow-y: hidden;
min-height: 100vh;
}
@media (min-width: 640px) { @media (min-width: 640px) {
.app { .app {
padding: 5px; padding: 5px;
+2 -2
View File
@@ -24,7 +24,7 @@ const BoardLayout = () => {
const key = `${subplebbitAddress}-${location.pathname}`; const key = `${subplebbitAddress}-${location.pathname}`;
return ( return (
<> <div className={styles.boardLayout}>
<BoardNav /> <BoardNav />
<BoardBanner /> <BoardBanner />
<MobileBoardButtons /> <MobileBoardButtons />
@@ -32,7 +32,7 @@ const BoardLayout = () => {
<SubplebbitStats /> <SubplebbitStats />
<DesktopBoardButtons /> <DesktopBoardButtons />
<Outlet /> <Outlet />
</> </div>
); );
}; };
-2
View File
@@ -344,8 +344,6 @@ const Stats = ({ multisub, subplebbitAddresses }: { multisub: any; subplebbitAdd
const boardsTracked = Object.values(stats).filter((stat: any) => stat && !stat.loading).length; const boardsTracked = Object.values(stats).filter((stat: any) => stat && !stat.loading).length;
const enoughStats = boardsTracked >= multisub.length / 2; const enoughStats = boardsTracked >= multisub.length / 2;
console.log(stats);
return ( return (
<div className={styles.box}> <div className={styles.box}>
<div className={`${styles.boxBar} ${styles.color2ColorBar}`}> <div className={`${styles.boxBar} ${styles.color2ColorBar}`}>