Use tailwind css

2022-08-27 14:23:30 -05:00
parent 696ca6a393
commit c45d304fdd
12 changed files with 4603 additions and 228 deletions
--- a/web/components/header.js
+++ b/web/components/header.js
@@ -39,41 +39,6 @@ function Header({ user, loading }) {
            ))}
        </ul>
      </nav>
-
-      <style jsx>{`
-        header {
-          padding: 0.2rem;
-          color: #fff;
-          background-color: #333;
-        }
-        nav {
-          max-width: 42rem;
-          margin: 1.5rem auto;
-        }
-        ul {
-          display: flex;
-          list-style: none;
-          margin-left: 0;
-          padding-left: 0;
-        }
-        li {
-          margin-right: 1rem;
-        }
-        li:nth-child(2) {
-          margin-right: auto;
-        }
-        a {
-          color: #fff;
-          text-decoration: none;
-        }
-        button {
-          font-size: 1rem;
-          color: #fff;
-          cursor: pointer;
-          border: none;
-          background: none;
-        }
-      `}</style>
    </header>
  );
 }
--- a/web/components/layout.js
+++ b/web/components/layout.js
@@ -5,7 +5,7 @@ function Layout({ user, loading = false, children }) {
  return (
    <>
      <Head>
-        <title>Next.js with Auth0</title>
+        <title>forget me not</title>
      </Head>

      <Header user={user} loading={loading} />
@@ -15,18 +15,8 @@ function Layout({ user, loading = false, children }) {
      </main>

      <style jsx>{`
-        .container {
-          max-width: 42rem;
-          margin: 1.5rem auto;
-        }
      `}</style>
      <style jsx global>{`
-        body {
-          margin: 0;
-          color: #333;
-          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-            Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-        }
      `}</style>
    </>
  );