feat(tailwind): convert Header component

From styled-components to tailwindcss
mateusfg7 · Aug 18, 2022 · 35a4fbb · 35a4fbb
1 parent cfc3a58
commit 35a4fbb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 33 deletions.
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -1,15 +1,13 @@
 import React from 'react'
 
-import LocalHeader from './styles'
-
 export const Header: React.FC = () => {
   return (
-    <LocalHeader>
-      <h1>
-        <a href="/Noisekun" className="umami--click--title">
+    <header className="flex justify-center items-center h-[15vh] bg-[rgba(255, 255, 255, 0.1)] md:shadow-header">
+      <h1 className="font-semibold text-2xl">
+        <a href="/" className="umami--click--title text-white/90">
           Noisekun
         </a>
       </h1>
-    </LocalHeader>
+    </header>
   )
 }
diff --git a/src/components/Header/styles.ts b/src/components/Header/styles.ts