Skip to content

2
2021-049
Commit 1111c288 authored by Gihan76's avatar Gihan76
Browse files
Options

Added Dashboard UI with css & js

parent 7b5ffa13
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 51301 additions and 1 deletion
WebFrontEnd/smartcoach-frontend/public/DashboardAssets/css/custom.css 0 → 100644
View file @ 1111c288
.dropdown1 {
position: relative;
display: inline-block;
cursor:pointer;
}
.dropdown-content1 {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 1000;
float: left;
padding: .65rem 0;
font-size: .88rem;
color: #495057;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: .25rem;
}
.dropdown1:hover .dropdown-content1 {
display: block;
}
\ No newline at end of file
WebFrontEnd/smartcoach-frontend/public/index.html
View file @ 1111c288
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>SmartCoach</title>
<!-- bootstrap cdn css -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- dashboard css -->
<link rel="stylesheet" href="DashboardAssets/css/dashboard.css">
<link rel="stylesheet" href="DashboardAssets/css/custom.css">
<!-- fa fa icons cdn -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>SmartCoach</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!-- bootstrap cdn js -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!-- dashboard js -->
<script src="DashboardAssets/js/dashboard.js"></script>
</body>
</html>
WebFrontEnd/smartcoach-frontend/src/App.js
View file @ 1111c288
......@@ -8,6 +8,7 @@ import Login from "./Components/Login";
import ItemNav from "./Components/Navbar";
import Home from "./Components/Home";
import SignUp from "./Components/SignUp";
import Dashboard from "./Components/Admin/Dashboard";
function App() {
return (
......@@ -17,6 +18,8 @@ function App() {
<Route path="/UserLogin" exact component={Login}/>
<Route path="/Home" exact component={Home}/>
<Route path="/SignUp" exact component={SignUp}/>
<Route path="/admin" exact component={Dashboard}/>
</div>
</Router>
);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment