Add cmd k to navigate pages (#254)

* Begin styled command bar

* Add 2 commands and improve styling

* Add storybook

* Move z-index to variables and use hotkey hook
This commit is contained in:
Félix Malfait
2023-06-08 18:28:02 +02:00
committed by GitHub
parent 4727c00a0a
commit 024adb9221
7 changed files with 602 additions and 389 deletions

View File

@ -2,6 +2,7 @@ import styled from '@emotion/styled';
import { useRecoilState } from 'recoil';
import { currentUserState } from '@/auth/states/currentUserState';
import { CommandMenu } from '@/search/components/CommandMenu';
import { Navbar } from './navbar/Navbar';
@ -34,6 +35,7 @@ export function AppLayout({ children }: OwnProps) {
<StyledLayout>
{userIsAuthenticated ? (
<>
<CommandMenu />
<Navbar />
<MainContainer>{children}</MainContainer>
</>

View File

@ -26,6 +26,8 @@ const commonTheme = {
borderRadius: '4px',
rightDrawerWidth: '300px',
lastLayerZIndex: 2147483647,
};
const lightThemeSpecific = {