From 971a2650724b873293d5748017a53b10f94a9168 Mon Sep 17 00:00:00 2001 From: MarcelloMartins Date: Wed, 11 Jan 2023 17:21:06 -0300 Subject: [PATCH] fix(header): fix input scss --- src/App.css | 41 +++--------------------- src/App.tsx | 2 -- src/components/Footer/index.tsx | 11 ------- src/components/Footer/styles.module.scss | 6 ---- src/components/Header/styles.module.scss | 10 ++++-- src/index.css | 6 ++-- 6 files changed, 14 insertions(+), 62 deletions(-) delete mode 100644 src/components/Footer/index.tsx delete mode 100644 src/components/Footer/styles.module.scss diff --git a/src/App.css b/src/App.css index 74b5e05..cca57b3 100644 --- a/src/App.css +++ b/src/App.css @@ -1,38 +1,5 @@ -.App { - text-align: center; -} - -.App-logo { - height: 40vmin; - pointer-events: none; -} - -@media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } -} - -.App-header { - background-color: #282c34; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; -} - -.App-link { - color: #61dafb; -} - -@keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } +* { + margin: 0; + padding: 0; + box-sizing: border-box; } diff --git a/src/App.tsx b/src/App.tsx index 8ad0e4b..b699c65 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -2,7 +2,6 @@ import React from "react"; import "./App.css"; import { createBrowserRouter, RouterProvider } from "react-router-dom"; import Header from "./components/Header"; -import Footer from "./components/Footer"; import Home from "./pages/Home"; import Institutional from "./pages/Institutional"; @@ -22,7 +21,6 @@ function App() {
-
); } diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx deleted file mode 100644 index dc8e999..0000000 --- a/src/components/Footer/index.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import styles from "./styles.module.scss"; - -export default function Footer() { - return ( - <> - - - ); -} diff --git a/src/components/Footer/styles.module.scss b/src/components/Footer/styles.module.scss deleted file mode 100644 index e52ddbb..0000000 --- a/src/components/Footer/styles.module.scss +++ /dev/null @@ -1,6 +0,0 @@ -.footer { - background: green; -} -.jorgin { - color: blue; -} diff --git a/src/components/Header/styles.module.scss b/src/components/Header/styles.module.scss index 135963e..2dcd65b 100644 --- a/src/components/Header/styles.module.scss +++ b/src/components/Header/styles.module.scss @@ -24,14 +24,20 @@ font-size: 14px; height: 32px; border: 0; - width: 77.27%; + width: 100%; + padding: 8px 44px 8px 16px; + + &::placeholder { + color: #c6c6c6; + } } img { cursor: pointer; display: flex; // width: 1.41vw; - position: relative; + position: absolute; + right: 20px; } } diff --git a/src/index.css b/src/index.css index ec2585e..784c513 100644 --- a/src/index.css +++ b/src/index.css @@ -1,13 +1,11 @@ body { margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; + font-family: "Roboto", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', + font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace; }