🚚 move pages and styles to src
This commit is contained in:
parent
0a1365815e
commit
b2065b0003
@ -1,11 +1,11 @@
|
||||
import React from 'react'
|
||||
|
||||
import { DashboardView } from '../styles/layouts/dashboard/DashboardView.js'
|
||||
import { DashboardView } from '../styles/layouts/dashboard/DashboardView'
|
||||
|
||||
import MapCard from '../src/components/mapCard/MapCard'
|
||||
import GraphCard from '../src/components/graph/graphCard/ChartCard'
|
||||
import Header from '../src/components/header/Header'
|
||||
import PageTitle from '../src/components/pageTitle/PageTitle'
|
||||
import MapCard from '../components/mapCard/MapCard'
|
||||
import GraphCard from '../components/graph/graphCard/ChartCard'
|
||||
import Header from '../components/header/Header'
|
||||
import PageTitle from '../components/pageTitle/PageTitle'
|
||||
|
||||
export default function Dashboard() {
|
||||
return (
|
||||
@ -1,75 +0,0 @@
|
||||
import styled from 'styled-components'
|
||||
|
||||
export const DashboardView = styled.main`
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
flex-direction: column;
|
||||
|
||||
width: 100%;
|
||||
|
||||
.cardsSection {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.1);
|
||||
border-radius: 10px;
|
||||
|
||||
width: 100%;
|
||||
height: fit-content;
|
||||
|
||||
margin: 2rem 0 2rem 0;
|
||||
}
|
||||
|
||||
.dashboard {
|
||||
display: grid;
|
||||
|
||||
grid-template-columns: 50% 50% 100%;
|
||||
grid-template-rows: 50% 50%;
|
||||
|
||||
gap: 30px;
|
||||
|
||||
width: 99%;
|
||||
|
||||
padding-right: 20px;
|
||||
|
||||
.footerGraph {
|
||||
grid-row-start: 2;
|
||||
|
||||
grid-column-start: 1;
|
||||
grid-column-end: 3;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1195px) {
|
||||
/* align-items: center; */
|
||||
width: 100%;
|
||||
padding: 30px;
|
||||
margin: 0;
|
||||
|
||||
.dashboard {
|
||||
display: flex;
|
||||
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
flex-wrap: wrap;
|
||||
|
||||
grid-template-columns: 50% 50%;
|
||||
|
||||
grid-auto-rows: 1;
|
||||
grid-auto-columns: 1;
|
||||
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
`
|
||||
Loading…
x
Reference in New Issue
Block a user