Skip to content
Snippets Groups Projects

Branch do lucas

Merged Branch do lucas
branchDoLucas into Develop
Merged Lucas Eduardo Schoenfelder requested to merge branchDoLucas into Develop
Viewing commit 098e37b3
Prev Next
Show latest version
4 files
+ 153
− 230
Compare changes
  • Side-by-side
  • Inline
Files
4
src/Components/TabPanelColecoes.js
+ 35
− 76
@@ -3,83 +3,42 @@ import styled from 'styled-components'
@@ -3,83 +3,42 @@ import styled from 'styled-components'
import { Container } from 'react-grid-system'
import { Container } from 'react-grid-system'
import Paper from '@material-ui/core/Paper';
import Paper from '@material-ui/core/Paper';
import Button from '@material-ui/core/Button';
import Button from '@material-ui/core/Button';
 
import {ButtonMostrarTodos, ButtonMostrarMais, BtnAlinhaRecPvt, DivContainerRecursosPublicados, ContainerDivStyled, DivTitulo, StyledP, StyledHR} from './TabPanelMeusRecursos.js'
export default function TabPanelAtividades (props) {
export default function TabPanelColecoes (props) {
return (
return (
<ContainerDivStyled>
<React.Fragment>
<Paper elevation={3}>
<ContainerDivStyled>
<div>
<Paper elevation={3}>
<DivTitulo>
<DivTitulo>
<InnerDivTitulo>
<StyledP>Minhas Coleções <b style={{fontWeight:"700", fontSize:"20px"}}>(2)</b></StyledP>
<TituloContent>
<StyledHR/>
<p style={{margin:"0 0 10px", marginBottom : "40px"}}>Coleções</p>
</DivTitulo>
</TituloContent>
<div style={{height : "400px"}}> //REMOVER ISSO
</InnerDivTitulo>
<DivContainerRecursosPublicados>
</DivTitulo>
</DivContainerRecursosPublicados>
{/*some sort of map with a list of notifications idk what though*/}
<BtnAlinhaRecPvt>
<div>
<p style={{margin:"0 0 10px", fontSize:"14px"}}>Carregados 2 de 2</p>
<LoadMoreButton><span>CARREGAR MAIS 4</span></LoadMoreButton>
</BtnAlinhaRecPvt>
<LoadMoreButton><span>CARREGAR MAIS 20</span></LoadMoreButton>
</div>
</div>
</Paper>
</div>
</ContainerDivStyled>
</Paper>
</ContainerDivStyled>
<ContainerDivStyled>
 
<Paper elevation={3}>
 
<DivTitulo>
 
<StyledP>Coleções que eu sigo <b style={{fontWeight:"700", fontSize:"20px"}}>(4)</b></StyledP>
 
<StyledHR/>
 
</DivTitulo>
 
<div style={{height : "400px"}}> //REMOVER ISSO
 
<DivContainerRecursosPublicados>
 
</DivContainerRecursosPublicados>
 
<BtnAlinhaRecPvt>
 
<p style={{margin:"0 0 10px", fontSize:"14px"}}>Carregados 4 de 4</p>
 
</BtnAlinhaRecPvt>
 
</div>
 
</Paper>
 
</ContainerDivStyled>
 
</React.Fragment>
)
)
}
}
const LoadMoreButton = styled(Button)`
outline : none !important;
display : inline-block !important;
cusor : pointer !important;
min-height : 36px !important;
min-widht : 88px !important;
line-height: 36px !important;
vertical-align: middle !important;
border : 0 !important;
padding : 0 px !important;
margin : 6px 8px !important;
text-decoration : none !important;
font-weight : 500 !important;
overflow : hidden !important;
text-transform : uppercase !important;
font-size : 14px !important;
`
const TituloContent = styled.div`
display : block;
z-index : 1;
position : relative;
font-family: Roboto, sans-serif;
font-weight : ligther;
`
const InnerDivTitulo = styled.div`
margin-top : 24px;
padding-top : 16px;
padding-left : 16px;
padding-right : 16px;
font-size: 30px;
font-weight: lighter;
color: #6e6e6e;
text-align: center;
`
const DivTitulo = styled.div`
display : flex;
justify-content : center;
font-size: 14px;
font-weight: 500;
letter-spacing: .01em;
line-height: 1.2em;
margin : 0;
border-bottom: 1px solid #eee;
`
const ContainerDivStyled = styled.div`
max-width : 1140px;
margin-left : auto;
margin-right : auto;
margin-left : 20em;
background-color: #fff;
`