From 0ba269f9f3adca3f419fc4ad62b5cd83d8865f6a Mon Sep 17 00:00:00 2001 From: Josue Date: Mon, 8 Mar 2021 11:19:10 -0500 Subject: [PATCH] feat: add material ui to the header --- striker-ui/components/organisms/Header.tsx | 27 ----- striker-ui/styles/Home.module.css | 122 --------------------- 2 files changed, 149 deletions(-) delete mode 100644 striker-ui/styles/Home.module.css diff --git a/striker-ui/components/organisms/Header.tsx b/striker-ui/components/organisms/Header.tsx index 6722f99a..6efc1b44 100644 --- a/striker-ui/components/organisms/Header.tsx +++ b/striker-ui/components/organisms/Header.tsx @@ -24,33 +24,6 @@ const Header: FunctionComponent = () => { - /* -
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- */ ); }; diff --git a/striker-ui/styles/Home.module.css b/striker-ui/styles/Home.module.css deleted file mode 100644 index 42e7e600..00000000 --- a/striker-ui/styles/Home.module.css +++ /dev/null @@ -1,122 +0,0 @@ -.container { - min-height: 100vh; - padding: 0 0.5rem; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - -.main { - padding: 5rem 0; - flex: 1; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - -.footer { - width: 100%; - height: 100px; - border-top: 1px solid #eaeaea; - display: flex; - justify-content: center; - align-items: center; -} - -.footer img { - margin-left: 0.5rem; -} - -.footer a { - display: flex; - justify-content: center; - align-items: center; -} - -.title a { - color: #0070f3; - text-decoration: none; -} - -.title a:hover, -.title a:focus, -.title a:active { - text-decoration: underline; -} - -.title { - margin: 0; - line-height: 1.15; - font-size: 4rem; -} - -.title, -.description { - text-align: center; -} - -.description { - line-height: 1.5; - font-size: 1.5rem; -} - -.code { - background: #fafafa; - border-radius: 5px; - padding: 0.75rem; - font-size: 1.1rem; - font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, - Bitstream Vera Sans Mono, Courier New, monospace; -} - -.grid { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - max-width: 800px; - margin-top: 3rem; -} - -.card { - margin: 1rem; - flex-basis: 45%; - padding: 1.5rem; - text-align: left; - color: inherit; - text-decoration: none; - border: 1px solid #eaeaea; - border-radius: 10px; - transition: color 0.15s ease, border-color 0.15s ease; -} - -.card:hover, -.card:focus, -.card:active { - color: #0070f3; - border-color: #0070f3; -} - -.card h3 { - margin: 0 0 1rem 0; - font-size: 1.5rem; -} - -.card p { - margin: 0; - font-size: 1.25rem; - line-height: 1.5; -} - -.logo { - height: 1em; -} - -@media (max-width: 600px) { - .grid { - width: 100%; - flex-direction: column; - } -}