highperfocused/nostrudel
1
0
Fork 0
mirror of https://github.com/hzrd149/nostrudel.git synced 2025-04-11 13:20:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

hide scrollbar on sidenav

Browse Source
This commit is contained in:
hzrd149 2023-09-24 19:52:24 -05:00
parent f54570aae3
commit 21a22888a0
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/layout/desktop-side-nav.tsx
View File

@ -10,6 +10,15 @@ import AccountSwitcher from "./account-switcher";
import { PostModalContext } from "../../providers/post-modal-provider";
import PublishLog from "../publish-log";
import NavItems from "./nav-items";
import { css } from "@emotion/react";
const hideScrollbar = css`
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
`;
export default function DesktopSideNav(props: Omit<FlexProps, "children">) {
const account = useCurrentAccount();
@ -27,6 +36,7 @@ export default function DesktopSideNav(props: Omit<FlexProps, "children">) {
h="100vh"
overflowY="auto"
overflowX="hidden"
css={hideScrollbar}
>
<Flex direction="column" flexShrink={0} gap="2">
<Flex gap="2" alignItems="center" position="relative">