Smart/smartEnergyView-frontend
2
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

respoive MapCard

Browse Source
This commit is contained in:
Alex Santos 2022-05-17 11:36:38 -03:00
parent ee4a1d8817
commit e22b97ad7f
6 changed files with 34 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/SUL.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

9
public/nordeste.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

9
public/norte.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

4
src/components/mapCard/MapCardView.ts
View File

@ -7,7 +7,7 @@ export const MapCardView = styled.figure`
flex-direction: row; flex-direction: row;
margin-right: 25px; margin-right: 2px;
* { * {
margin: 0; margin: 0;
@ -31,7 +31,7 @@ export const MapCardView = styled.figure`
} }
@media (max-width: 1640px) { @media (max-width: 1640px) {
margin-right: 0px; margin-left: 1px;
font-size: 14px; font-size: 14px;
} }
` `

6
src/pages/dashboard.tsx
View File

@ -18,9 +18,9 @@ export default function Dashboard() {
<section className="cardsSection" > <section className="cardsSection" >
<MapCard title='R$/MWh' subtitle='abril / 22' statistic='' imgSource='/moneyIcon.svg' /> <MapCard title='R$/MWh' subtitle='abril / 22' statistic='' imgSource='/moneyIcon.svg' />
<MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' /> <MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' />
<MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' /> <MapCard title='S' subtitle='Sul' statistic='R$ 273,54' imgSource='/SUL.svg' />
<MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' /> <MapCard title='NE' subtitle='Nordeste' statistic='R$ 273,54' imgSource='/nordeste.svg' />
<MapCard title='SE/CO' subtitle='Sudeste' statistic='R$ 273,54' imgSource='/mapSample.svg' /> <MapCard title='N' subtitle='Norte' statistic='R$ 273,54' imgSource='/norte.svg' />
</section> </section>
</Link> </Link>

3
src/styles/layouts/dashboard/DashboardView.js
View File

@ -21,7 +21,7 @@ export const DashboardView = styled.main`
width: 100%; width: 100%;
height: fit-content; height: fit-content;
margin: 2rem 0 2rem 0; margin: 2rem 0 2rem 0px;
background-color: #fff; background-color: #fff;
@ -29,6 +29,7 @@ export const DashboardView = styled.main`
border-radius: 10px; border-radius: 10px;
cursor: pointer; cursor: pointer;
} }
.dashboard { .dashboard {