Skip to content
Snippets Groups Projects
Commit 9494492d authored by Riba's avatar Riba
Browse files

Trabalho remoto

parent f52a5fa0
Branches
Tags
3 merge requests!57Merge of develop into master,!56Fixed buttons reportar, seguir, compartilhar, guardar and entrar (in comments...,!15Resolve "Criar telas da central de ajuda"
/*Copyright (C) 2019 Centro de Computacao Cientifica e Software Livre
Departamento de Informatica - Universidade Federal do Parana
This file is part of Plataforma Integrada MEC.
Plataforma Integrada MEC is free software: you can redistribute it and/or modify
it under the terms of the GNU Affero General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Plataforma Integrada MEC is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Affero General Public License for more details.
You should have received a copy of the GNU Affero General Public License
along with Plataforma Integrada MEC. If not, see <http://www.gnu.org/licenses/>.*/
import React, { Component, useState, useEffect } from 'react';
import styled from 'styled-components';
export default function How(props) {
return(
<Card>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet"/>
<div style={{marginBottom: "9px"}}>
<span>{props.title}</span>
</div>
<div style ={{width:"640px", height: "360px" }}>
<iframe src="https://www.youtube.com/watch?v=CRW5h2pHugM&feature=emb_logo"
width="640px"
height="360px"
frameborder="0"
allow="autoplay; fullscreen"
allowfullscreen
></iframe>
</div>
</Card>
);
}
const Card = styled.div`
margin-bottom: 5px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
padding: 30px;
color: #666;
span {
font-size: 14px;
font-weight: bold;
}
a {
color: #00bcd4;
text-decoration: none;
:hover {
text-decoration: underline;
}
}
ul {
padding-left: 0 !important;
margin-top: 0;
margin-bottom: 10px;
line-height: 1.42857143;
}
li {
list-style-type: none;
font-size: 14px;
}
p {
margin: 0 0 10px;
font-size: 15px;
}
`
\ No newline at end of file
...@@ -173,9 +173,9 @@ const Secao1 = styled.div` ...@@ -173,9 +173,9 @@ const Secao1 = styled.div`
margin-left: auto; margin-left: auto;
img { img {
position: absolute; position: relative;
left: 364px; left: 82px;
top: 36.9%; top: 41.6%;
width: 230px; width: 230px;
float: left; float: left;
min-height: 1px; min-height: 1px;
......
...@@ -22,8 +22,6 @@ import Tabs from '@material-ui/core/Tabs' ...@@ -22,8 +22,6 @@ import Tabs from '@material-ui/core/Tabs'
import Tab from '@material-ui/core/Tab'; import Tab from '@material-ui/core/Tab';
import Breadcrumbs from '@material-ui/core/Breadcrumbs'; import Breadcrumbs from '@material-ui/core/Breadcrumbs';
import Grid from '@material-ui/core/Grid'; import Grid from '@material-ui/core/Grid';
import Why from '../../Components/HelpCenter/TabsResoursePub/Why'
import How from '../../Components/HelpCenter/TabsResoursePub/How'
import CardEncontrando from '../../Components/HelpCenter/Cards/CardEncontrando'; import CardEncontrando from '../../Components/HelpCenter/Cards/CardEncontrando';
import CardParticipando from '../../Components/HelpCenter/Cards/CardParticipando'; import CardParticipando from '../../Components/HelpCenter/Cards/CardParticipando';
import CardGerenciando from '../../Components/HelpCenter/Cards/CardGerenciando'; import CardGerenciando from '../../Components/HelpCenter/Cards/CardGerenciando';
...@@ -32,6 +30,7 @@ import Understand from '../../Components/HelpCenter/TabsPlataformaMEC/Understand ...@@ -32,6 +30,7 @@ import Understand from '../../Components/HelpCenter/TabsPlataformaMEC/Understand
import Which from '../../Components/HelpCenter/TabsPlataformaMEC/Which'; import Which from '../../Components/HelpCenter/TabsPlataformaMEC/Which';
import Types from '../../Components/HelpCenter/TabsPlataformaMEC/Types'; import Types from '../../Components/HelpCenter/TabsPlataformaMEC/Types';
import Software from '../../Components/HelpCenter/TabsPlataformaMEC/Software'; import Software from '../../Components/HelpCenter/TabsPlataformaMEC/Software';
import How from '../../Components/HelpCenter/TabsPlataformaMEC/How';
...@@ -97,9 +96,9 @@ export default function TabPlataformaMEC (props) { ...@@ -97,9 +96,9 @@ export default function TabPlataformaMEC (props) {
{tabValue === 0 && <What title={tabs[0]}/>} {tabValue === 0 && <What title={tabs[0]}/>}
{tabValue === 1 && <How title={tabs[1]}/>} {tabValue === 1 && <How title={tabs[1]}/>}
{tabValue === 2 && <Understand title={tabs[2]}/>} {tabValue === 2 && <Understand title={tabs[2]}/>}
{tabValue === 3 && <Which title={tabs[2]}/>} {tabValue === 3 && <Which title={tabs[3]}/>}
{tabValue === 4 && <Types title={tabs[2]}/>} {tabValue === 4 && <Types title={tabs[4]}/>}
{tabValue === 5 && <Software title={tabs[2]}/>} {tabValue === 5 && <Software title={tabs[5]}/>}
<Grid style={{marginBlock:"50px"}} container spacing={2}> <Grid style={{marginBlock:"50px"}} container spacing={2}>
<Grid item xs={4}> <Grid item xs={4}>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment