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>
  );
 }