Skip to content

Commit

Permalink
Removed Header over allocate and widen mobile nav
Browse files Browse the repository at this point in the history
  • Loading branch information
ImJustChew committed Nov 4, 2023
1 parent 37847cd commit 5bcac84
Show file tree
Hide file tree
Showing 3 changed files with 3 additions and 3 deletions.
2 changes: 1 addition & 1 deletion src/app/[lang]/layout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ export default function RootLayout({
<SettingsProvider>
<ModalProvider>
<html lang={params.lang} className={`${theme?.value ?? ''} overflow-x-hidden`}>
<body className={`${inter.className} grid grid-cols-1 grid-rows-[64px_40px_calc(100vh-108px)] md:grid-cols-[12rem_auto] md:grid-rows-[64px_calc(100vh-64px)_12rem] bg-white dark:bg-neutral-900 dark:text-white`}>
<body className={`${inter.className} grid grid-cols-1 grid-rows-[64px_48px_calc(100vh-112px)] md:grid-cols-[12rem_auto] md:grid-rows-[56px_calc(100vh-56px)_12rem] bg-white dark:bg-neutral-900 dark:text-white`}>
<Header/>
<SideNav/>
<main className='overflow-y-auto overflow-x-hidden h-full w-full'>
Expand Down
2 changes: 1 addition & 1 deletion src/components/Header.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ const Header: FC = () => {


return (
<header className="h-14 w-screen bg-gray-100 dark:bg-neutral-800 shadow-md bg-neu px-8 py-4 md:col-span-2 flex flex-row justify-between items-center">
<header className="h-14 w-screen bg-gray-100 dark:bg-neutral-800 shadow-md px-4 md:px-8 py-4 md:col-span-2 flex flex-row justify-between items-center z-50">
<FullLogo />
<p className="text-sm text-gray-600 dark:text-gray-400">
{language == 'en' &&
Expand Down
2 changes: 1 addition & 1 deletion src/components/SideNav.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ const SideNav:FC = () => {
}
]
return (<>
<nav className="md:hidden w-screen flex flex-row h-10 gap-4 justify-evenly">
<nav className="md:hidden w-screen flex flex-row h-10 gap-4 justify-evenly py-3">
{links.map((link, index) => (
<Link
className={`flex items-center gap-4 hover:opacity-80 hover:underline transition text-gray-600 dark:text-gray-400`}
Expand Down

0 comments on commit 5bcac84

Please sign in to comment.