LaconicNetwork/vega-frontend-monorepo
4
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix(explorer): theme dark nav (#1498)

Browse Source
This commit is contained in:
Elmar 2022-09-27 10:24:42 +01:00 committed by GitHub
parent 7c6b14f73a
commit 6f20c9125d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
apps/explorer/src/app/components/header/header.tsx
View File

@ -24,7 +24,8 @@ export const Header = ({
'md:col-span-2', 'md:col-span-2',
'grid grid-rows-2 md:grid-rows-1 grid-cols-[1fr_auto] md:grid-cols-[auto_1fr_auto] items-center', 'grid grid-rows-2 md:grid-rows-1 grid-cols-[1fr_auto] md:grid-cols-[auto_1fr_auto] items-center',
'p-4 gap-2 md:gap-4', 'p-4 gap-2 md:gap-4',
'border-b border-neutral-700 dark:border-neutral-300 bg-black' 'border-b border-neutral-700 dark:border-neutral-300 bg-black',
'dark text-white'
); );
return ( return (
<header className={headerClasses}> <header className={headerClasses}>
@ -37,7 +38,7 @@ export const Header = ({
{t('Vega Explorer')} {t('Vega Explorer')}
</h1> </h1>
</Link> </Link>
<NetworkSwitcher theme="dark" /> <NetworkSwitcher />
</div> </div>
<button <button
data-testid="open-menu" data-testid="open-menu"
@ -47,12 +48,7 @@ export const Header = ({
<Icon name={menuOpen ? 'cross' : 'menu'} /> <Icon name={menuOpen ? 'cross' : 'menu'} />
</button> </button>
<Search /> <Search />
<ThemeSwitcher <ThemeSwitcher theme={theme} onToggle={toggleTheme} className="-my-4" />
theme={theme}
onToggle={toggleTheme}
className="-my-4"
fixedBg="dark"
/>
</header> </header>
); );
}; };