diff --git a/desafio-react-e-typescript/package.json b/desafio-react-e-typescript/package.json index 2ad8933..30067eb 100644 --- a/desafio-react-e-typescript/package.json +++ b/desafio-react-e-typescript/package.json @@ -13,6 +13,7 @@ "formik": "^2.2.9", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-router-dom": "^6.7.0", "react-scripts": "5.0.1", "sass": "^1.57.1", "typescript": "^4.9.4", diff --git a/desafio-react-e-typescript/src/App.js b/desafio-react-e-typescript/src/App.js new file mode 100644 index 0000000..90ea238 --- /dev/null +++ b/desafio-react-e-typescript/src/App.js @@ -0,0 +1,6 @@ +import React from "react"; +import Routes from "./Routes"; + +export default function App() { + return ; +} diff --git a/desafio-react-e-typescript/src/Routes.js b/desafio-react-e-typescript/src/Routes.js new file mode 100644 index 0000000..e352a34 --- /dev/null +++ b/desafio-react-e-typescript/src/Routes.js @@ -0,0 +1,18 @@ +import React from "react"; +import { Route, BrowserRouter } from "react-router-dom"; + +import Home from "./pages/Home"; +import Sobre from "./components/Body/Tabs/Sobre"; +import Usuario from "./Usuario"; + +const Routes = () => { + return ( + + + + + + ); +}; + +export default Routes; diff --git a/desafio-react-e-typescript/src/components/Footer/Footer.module.scss b/desafio-react-e-typescript/src/components/Footer/Footer.module.scss index 0f3587c..51b8f14 100644 --- a/desafio-react-e-typescript/src/components/Footer/Footer.module.scss +++ b/desafio-react-e-typescript/src/components/Footer/Footer.module.scss @@ -210,12 +210,20 @@ width: 22%; min-width: 234px; } + + @media screen and (max-width: 375px) { + margin: unset; + } } .cards { display: flex; align-items: center; + @media screen and (max-width: 375px) { + display: block; + } + .icons { width: 36px; height: 20px; diff --git a/desafio-react-e-typescript/yarn.lock b/desafio-react-e-typescript/yarn.lock index 875aa26..f27c8a7 100644 --- a/desafio-react-e-typescript/yarn.lock +++ b/desafio-react-e-typescript/yarn.lock @@ -1568,6 +1568,11 @@ schema-utils "^3.0.0" source-map "^0.7.3" +"@remix-run/router@1.3.0": + version "1.3.0" + resolved "https://registry.yarnpkg.com/@remix-run/router/-/router-1.3.0.tgz#b6ee542c7f087b73b3d8215b9bf799f648be71cb" + integrity sha512-nwQoYb3m4DDpHTeOwpJEuDt8lWVcujhYYSFGLluC+9es2PyLjm+jjq3IeRBQbwBtPLJE/lkuHuGHr8uQLgmJRA== + "@rollup/plugin-babel@^5.2.0": version "5.3.1" resolved "https://registry.yarnpkg.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz#04bc0608f4aa4b2e4b1aebf284344d0f68fda283" @@ -7546,6 +7551,21 @@ react-refresh@^0.11.0: resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.11.0.tgz#77198b944733f0f1f1a90e791de4541f9f074046" integrity sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A== +react-router-dom@^6.7.0: + version "6.7.0" + resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.7.0.tgz#0249f4ca4eb704562b8b0ff29caeb928c3a6ed38" + integrity sha512-jQtXUJyhso3kFw430+0SPCbmCmY1/kJv8iRffGHwHy3CkoomGxeYzMkmeSPYo6Egzh3FKJZRAL22yg5p2tXtfg== + dependencies: + "@remix-run/router" "1.3.0" + react-router "6.7.0" + +react-router@6.7.0: + version "6.7.0" + resolved "https://registry.yarnpkg.com/react-router/-/react-router-6.7.0.tgz#db262684c13b5c2970694084ae9e8531718a0681" + integrity sha512-KNWlG622ddq29MAM159uUsNMdbX8USruoKnwMMQcs/QWZgFUayICSn2oB7reHce1zPj6CG18kfkZIunSSRyGHg== + dependencies: + "@remix-run/router" "1.3.0" + react-scripts@5.0.1: version "5.0.1" resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-5.0.1.tgz#6285dbd65a8ba6e49ca8d651ce30645a6d980003"