YahToth/desafio-react-e-typescript-gabriel-gomes
1
0
Fork 0
forked from M3-Academy/desafio-react-e-typescript
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: ajusta margin do footer para o galaxy fold

Browse Source
This commit is contained in:
Gabriel Gomes Fernandes 2023-01-20 23:13:00 -03:00
parent d45a5c9e52
commit 0a47ff7f25
5 changed files with 53 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
desafio-react-e-typescript/package.json
View File

@ -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",

6
desafio-react-e-typescript/src/App.js Normal file
View File

@ -0,0 +1,6 @@
import React from "react";
import Routes from "./Routes";
export default function App() {
return <Routes />;
}

18
desafio-react-e-typescript/src/Routes.js Normal file
View File

@ -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 (
<BrowserRouter>
<Route component={Home} path="/" exact />
<Route component={Sobre} path="/sobre" />
<Route component={Usuario} path="/usuario" />
</BrowserRouter>
);
};
export default Routes;

8
desafio-react-e-typescript/src/components/Footer/Footer.module.scss
View File

@ -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;

20
desafio-react-e-typescript/yarn.lock
View File

@ -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"