open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

nav bar: dark background, no shadow

Browse Source
This commit is contained in:
mantikoros 2021-12-31 13:31:41 -06:00
parent 41a011a9bb
commit 6eda71286c
2 changed files with 2 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
web/components/nav-bar.tsx
View File

@ -22,14 +22,7 @@ export function NavBar(props: {
const themeClasses = clsx(darkBackground && 'text-white', hoverClasses) const themeClasses = clsx(darkBackground && 'text-white', hoverClasses)
return ( return (
<nav <nav className={clsx('w-full p-4 mb-4', className)} aria-label="Global">
className={clsx(
'w-full p-4 mb-4 shadow-sm',
!darkBackground && 'bg-white',
className
)}
aria-label="Global"
>
<Row <Row
className={clsx( className={clsx(
'justify-between items-center mx-auto sm:px-4', 'justify-between items-center mx-auto sm:px-4',

1
web/components/page.tsx
View File

@ -7,6 +7,7 @@ export function Page(props: { wide?: boolean; children?: any }) {
return ( return (
<div> <div>
<NavBar wide={wide} /> <NavBar wide={wide} />
<div <div
className={clsx( className={clsx(
'w-full px-4 pb-8 mx-auto', 'w-full px-4 pb-8 mx-auto',