Skip to content
Snippets Groups Projects
Commit b2224be5 authored by 13prajakta's avatar 13prajakta
Browse files

created dashboard

parent 393c0744
Branches
No related tags found
No related merge requests found
This diff is collapsed.
import React, { lazy, Suspense } from "react"; import React, { lazy, Suspense } from "react";
import { BrowserRouter, Route, Routes } from "react-router-dom"; import { BrowserRouter, Route, Routes } from "react-router-dom";
const Login = lazy(() => import("./containers/Login")); const Login = lazy(() => import("./containers/Login"));
const Dashboard = lazy(() => import("./containers/Home"));
function App() { function App() {
...@@ -10,8 +11,7 @@ function App() { ...@@ -10,8 +11,7 @@ function App() {
<Suspense fallback={<div> loading</div>}> <Suspense fallback={<div> loading</div>}>
<Routes> <Routes>
<Route exact path="/login" element={<Login />} /> <Route exact path="/login" element={<Login />} />
<Route exact path="/dashboard" element={<Dashboard />} />
<Route path="/" element={<Login />} /> <Route path="/" element={<Login />} />
</Routes> </Routes>
</Suspense> </Suspense>
......
.main-content {
position: relative;
}
.main-content .navbar-top {
padding-right: 0 !important;
padding-left: 0 !important;
}
@media (min-width: 768px) {
.main-content .container-fluid,
.main-content .container-lg,
.main-content .container-md,
.main-content .container-sm,
.main-content .container-xl {
padding-right: 30px !important;
padding-left: 30px !important;
}
}
.navbar-vertical.navbar-expand-xs.fixed-left + .main-content {
margin-left: 250px;
}
.navbar-vertical.navbar-expand-xs.fixed-right + .main-content {
margin-right: 62px;
}
@media (min-width: 576px) {
.navbar-vertical.navbar-expand-sm.fixed-left + .main-content {
margin-left: 250px;
}
.navbar-vertical.navbar-expand-sm.fixed-right + .main-content {
margin-right: 62px;
}
}
@media (min-width: 768px) {
.navbar-vertical.navbar-expand-md.fixed-left + .main-content {
margin-left: 250px;
}
.navbar-vertical.navbar-expand-md.fixed-right + .main-content {
margin-right: 62px;
}
}
@media (min-width: 992px) {
.navbar-vertical.navbar-expand-lg.fixed-left + .main-content {
margin-left: 250px;
}
.navbar-vertical.navbar-expand-lg.fixed-right + .main-content {
margin-right: 62px;
}
}
@media (min-width: 1200px) {
.navbar-vertical.navbar-expand-xl.fixed-left + .main-content {
margin-left: 250px;
}
.navbar-vertical.navbar-expand-xl.fixed-right + .main-content {
margin-right: 62px;
}
}
.sidenav.fixed-left + .main-content {
margin-left: 62px;
transition: all 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.sidenav.fixed-left + .main-content {
transition: none;
}
}
.sidenav.fixed-right + .main-content {
margin-right: 62px;
transition: all 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
.sidenav.fixed-right + .main-content {
transition: none;
}
}
@media (min-width: 1200px) {
.g-sidenav-pinned .sidenav.fixed-left + .main-content {
margin-left: 250px;
}
.g-sidenav-pinned .sidenav.fixed-right + .main-content {
margin-right: 250px;
}
}
@media (max-width: 1199.98px) {
.sidenav {
transform: translateX(-250px);
}
.sidenav.fixed-left + .main-content {
margin-left: 0 !important;
}
.g-sidenav-pinned .sidenav {
transform: translateX(0);
}
}
\ No newline at end of file
import SideBar from 'components/sidebar'
import Header from 'components/Header'
import React from 'react'
import './dashboard.scss'
function Dashboard() {
return (
<>
<SideBar/>
<div class="main-content">
<Header/>
</div>
</>
)
}
export default Dashboard
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment