fix(header): fixed header

rwietter · Jun 16, 2023 · 889a530 · 889a530
1 parent e886d1f
commit 889a530
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/domains/dashboard/Dashboard.tsx b/domains/dashboard/Dashboard.tsx
@@ -54,7 +54,7 @@ const Dashboard = ({ clinicalData }: ComponentProps) => {
       className={`bg-background overflow-hidden w-screen min-h-screen text-foreground font-sans ${inter.className}`}
     >
       <Header />
-      <main className='px-2 md:px-12 m-auto'>
+      <main className='px-2 md:px-12 m-auto pt-16'>
         <Banner />
         <Cards countPatients={dataset?.countPatients} />
 

diff --git a/domains/dashboard/features/Header/Header.tsx b/domains/dashboard/features/Header/Header.tsx
@@ -5,8 +5,8 @@ import { useSelectDate } from '@/domains/dashboard/hooks/useSelectDate';
 const Header = () => {
   const { onChangeDate } = useSelectDate();
   return (
-    <header className='bg-secondary text-foreground w-full h-12 flex items-center justify-between px-5 md:px-8 py-1'>
-      <section className='flex items-center gap-3'>
+    <header className='bg-secondary bg-opacity-80 fixed border-b border-slate-300 backdrop-blur-sm text-foreground z-50 w-full h-12 flex items-center justify-center sm:justify-between px-5 md:px-8 py-1'>
+      <section className='items-center gap-3 hidden sm:flex'>
         <Image src="/virus.svg" alt="Logo" width={30} height={30} />
         <h1 className='text-slate-800 font-sans font-semibold'>Covid Insights</h1>
       </section>