diff --git a/pages/news.tsx b/pages/news.tsx index 8d5ba2d..b214322 100644 --- a/pages/news.tsx +++ b/pages/news.tsx @@ -1,4 +1,3 @@ -import Image from 'next/image' import React from 'react' import Banner from '../src/components/banner/Banner' import Header from '../src/components/header/Header' diff --git a/pages/resumoOperacao.tsx b/pages/resumoOperacao.tsx index 3ec7d0e..eefcb31 100644 --- a/pages/resumoOperacao.tsx +++ b/pages/resumoOperacao.tsx @@ -1,9 +1,8 @@ import React from 'react'; import Header from '../src/components/header/Header'; import PageTitle from '../src/components/pageTitle/PageTitle'; -import Sidebar from '../src/components/sidebar/Sidebar'; import BasicButton from '../src/components/buttons/basicButton/BasicButton'; -import { TableView } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView'; +import { TableView, Pagination } from '../styles/layouts/ResumoOperacao/ResumoOperacaoView'; export default function ResumoOperacao() { return( @@ -72,14 +71,15 @@ export default function ResumoOperacao() { 300,36 5.965,95 - -

Mostando de 1 a 10 de 30 Entradas

- {/*
-

Anterior 01 02 ... Proxima

-
*/} - + + + +

Mostrando 1 a 10 de 30 Entradas

+

Anterior 01 02 .. 05 Proxima

+
+ ) } diff --git a/src/components/buttons/basicButton/BasicButtonView.ts b/src/components/buttons/basicButton/BasicButtonView.ts index 3080adb..f7a5275 100644 --- a/src/components/buttons/basicButton/BasicButtonView.ts +++ b/src/components/buttons/basicButton/BasicButtonView.ts @@ -4,8 +4,9 @@ export const BasicButtonView = styled.button` display: flex; justify-content: center; align-items: center; + margin-top: 10px; - width: 120px; + width: 140px; height: 45px; cursor: pointer; background: #254F7F; diff --git a/styles/layouts/ResumoOperacao/ResumoOperacaoView.ts b/styles/layouts/ResumoOperacao/ResumoOperacaoView.ts index 74a5309..3764e69 100644 --- a/styles/layouts/ResumoOperacao/ResumoOperacaoView.ts +++ b/styles/layouts/ResumoOperacao/ResumoOperacaoView.ts @@ -139,4 +139,25 @@ display: flex; color: #254F7F; } + + .pagination{ + + } `; + +export const Pagination = styled.div` + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + + .number{ + color: #2E5581; + } + .numberColor{ + color: #ABAFB3; +; + } + +`; +