From 91e147280422abba00dc40c0e1512782a6afe2cd Mon Sep 17 00:00:00 2001 From: Smarciarj38 <71258083+Smarciarj38@users.noreply.github.com> Date: Fri, 8 Jan 2021 15:26:25 -0300 Subject: [PATCH] =?UTF-8?q?Revert=20"Altera=C3=A7=C3=B5es-na-branche"?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package-lock.json | 12 +-- src/App.js | 84 ++------------------- src/components/gridprodutos/gridprodutos.js | 6 +- 3 files changed, 18 insertions(+), 84 deletions(-) diff --git a/package-lock.json b/package-lock.json index 2db0ff0..9acd782 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8882,9 +8882,9 @@ } }, "open": { - "version": "7.3.1", - "resolved": "https://registry.npmjs.org/open/-/open-7.3.1.tgz", - "integrity": "sha512-f2wt9DCBKKjlFbjzGb8MOAW8LH8F0mrs1zc7KTjAJ9PZNQbfenzWbNP1VZJvw6ICMG9r14Ah6yfwPn7T7i646A==", + "version": "7.3.0", + "resolved": "https://registry.npmjs.org/open/-/open-7.3.0.tgz", + "integrity": "sha512-mgLwQIx2F/ye9SmbrUkurZCnkoXyXyu9EbHtJZrICjVAJfyMArdHp3KkixGdZx1ZHFPNIwl0DDM1dFFqXbTLZw==", "requires": { "is-docker": "^2.0.0", "is-wsl": "^2.1.1" @@ -12582,9 +12582,9 @@ "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==" }, "tsutils": { - "version": "3.19.0", - "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.19.0.tgz", - "integrity": "sha512-A7BaLUPvcQ1cxVu72YfD+UMI3SQPTDv/w4ol6TOwLyI0hwfG9EC+cYlhdflJTmtYTgZ3KqdPSe/otxU4K3kArg==", + "version": "3.18.0", + "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.18.0.tgz", + "integrity": "sha512-D9Tu8nE3E7D1Bsf/V29oMHceMf+gnVO+pDguk/A5YRo1cLpkiQ48ZnbbS57pvvHeY+OIeNQx1vf4ASPlEtRpcA==", "requires": { "tslib": "^1.8.1" } diff --git a/src/App.js b/src/App.js index 2386f7e..4167b3f 100644 --- a/src/App.js +++ b/src/App.js @@ -1,83 +1,15 @@ -import React from "react"; -import "./App.css"; -import logo from "./youtube.png"; -import menu from "./hamburguer.png" -import imgcopia from "./imgcopia.png" +import React from 'react'; +import logo from './logo.svg'; +import './App.css'; +import GridProdutos from './components/gridprodutos/gridprodutos' function App() { - const titulo = "Titulo do video" - - function reproduzVideo() { - alert("O vídeo está sendo reproduzido") - } - return ( - -
-
- - -

LabTubeBR

- - - -
- -
- - -
-
- -

{titulo}

-
-
- -

{titulo}

-
-
- -

{titulo}

-
-
- -

{titulo}

-
-
- -

{titulo}

-
-
- -

{titulo}

-
-
- -

{titulo}

-
-
- -

{titulo}

-
-
-
- - +
+
+
- +
); } diff --git a/src/components/gridprodutos/gridprodutos.js b/src/components/gridprodutos/gridprodutos.js index 99c4afe..ccf7101 100644 --- a/src/components/gridprodutos/gridprodutos.js +++ b/src/components/gridprodutos/gridprodutos.js @@ -4,10 +4,12 @@ import Produto from '../produto/produto' import listaProdutos from '../../db/dbProdutos' const GridMain = styled.div` - display: grid; + display: flex; width: 100%; height: 100%; - + flex-wrap: wrap; + /* background-color: #0f4c75; */ +` export default class GridProdutos extends React.Component { produtosRenderizados = listaProdutos.map(pdt => {