Skip to content

D
dashboard
Commit 1205f292 by Anoop
Options

updates

parent fc916998
Showing with 135 additions and 38 deletions
css/main.css
:root{--primary: #375471;--dark-color: #333;--light-color: #fff;--text-color: #333;--text-color-light: rgba(255, 255, 255, 0.9);--border-radius: 0;--font-weight: 400;--font-weight-light: 300;--font-weight-bold: 600}.scr-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.app-header{padding:15px;background:var(--primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.app-header>a{color:#fff}.app-header .action{display:-webkit-box;display:-ms-flexbox;display:flex}.app-header .action a{display:block;padding:5px 15px;margin-bottom:5px;opacity:0.8;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s}.app-header .action a:hover{opacity:1}.app-header .action>a,.app-header .action .action_text{color:#fff;font-size:1.5rem}.user{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-inline:15px auto}.user p{line-height:1.5;margin-bottom:0}.user_designation{color:var(--text-color-light);margin-bottom:5px !important}.user_name{margin-bottom:0 !important;font-weight:var(--font-weight-bold);color:var(--light-color);font-size:1.25rem}.user_avatar{margin-right:15px}.user_avatar img{width:65px;-o-object-fit:contain;object-fit:contain;height:65px;border-radius:50%;border:2px solid var(--light-color);padding:9px}.toggle{height:35px;width:35px;-webkit-box-flex:0;-ms-flex:0 0 35px;flex:0 0 35px;border:0;margin-right:15px;padding:7px 5px;position:relative;outline:0 !important;background:transparent;cursor:pointer}.toggle span{height:2px;width:80%;background:var(--light-color);display:block;position:absolute;right:0;left:0;margin:auto;-webkit-transition:all ease 0.3s;-o-transition:all ease 0.3s;transition:all ease 0.3s}.toggle span:nth-child(1){top:5px}.toggle span:nth-child(2){top:15px}.toggle span:nth-child(3){top:25px}.toggle:not(.active) span:nth-child(2){width:calc(100% - 15px);left:-8px}.toggle:not(.active) span:nth-child(3){width:calc(100% - 20px);left:-11px}.toggle.active span{-webkit-transition:all ease 0.3s;-o-transition:all ease 0.3s;transition:all ease 0.3s}.toggle.active span:first-child{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:15px}.toggle.active span:nth-child(2){opacity:0}.toggle.active span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:15px}.toggle.dot-toggle{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}.toggle.dot-toggle span{width:5px;height:5px;border-radius:5px;background:#333} :root{--primary: #375471;--dark-color: #333;--light-color: #fff;--text-color: #333;--text-color-light: rgba(255, 255, 255, 0.9);--border-radius: 0;--font-weight: 400;--font-weight-light: 300;--font-weight-bold: 600;--sidebar-bg: #2d323d}.scr-text{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.app-header{padding:15px;background:var(--primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff}.app-header>a{color:#fff}.app-header .action{display:-webkit-box;display:-ms-flexbox;display:flex}.app-header .action a{display:block;padding:5px 15px;margin-bottom:5px;opacity:0.8;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s}.app-header .action a:hover,.app-header .action a:focus{opacity:1}.app-header .action>a,.app-header .action .action_text{color:#fff;font-size:1.5rem;text-decoration:none}.user{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-inline:15px auto}.user p{line-height:1.5;margin-bottom:0}.user_designation{color:var(--text-color-light);margin-bottom:5px !important}.user_name{margin-bottom:0 !important;font-weight:var(--font-weight-bold);color:var(--light-color);font-size:1.25rem}.user_avatar{margin-right:15px}.user_avatar img{width:65px;-o-object-fit:contain;object-fit:contain;height:65px;border-radius:50%;border:2px solid var(--light-color);padding:9px}.toggle{height:35px;width:35px;-webkit-box-flex:0;-ms-flex:0 0 35px;flex:0 0 35px;border:0;margin-right:15px;padding:7px 5px;position:relative;outline:0 !important;background:transparent;cursor:pointer}.toggle span{height:2px;width:80%;background:var(--light-color);display:block;position:absolute;right:0;left:0;margin:auto;-webkit-transition:all ease 0.3s;-o-transition:all ease 0.3s;transition:all ease 0.3s}.toggle span:nth-child(1){top:5px}.toggle span:nth-child(2){top:15px}.toggle span:nth-child(3){top:25px}.toggle:not(.active) span:nth-child(2){width:calc(100% - 15px);left:-8px}.toggle:not(.active) span:nth-child(3){width:calc(100% - 20px);left:-11px}.toggle.active span{-webkit-transition:all ease 0.3s;-o-transition:all ease 0.3s;transition:all ease 0.3s}.toggle.active span:first-child{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:15px}.toggle.active span:nth-child(2){opacity:0}.toggle.active span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:15px}.toggle.dot-toggle{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}.toggle.dot-toggle span{width:5px;height:5px;border-radius:5px;background:#333}.app-sidebar{width:100%;max-width:300px;color:var(--light-color);background:var(--sidebar-bg);height:calc(100vh - 95px)}.app-sidebar a{color:var(--light-color)}.app-sidebar .page-links{list-style:none;padding:0;margin:0}.app-sidebar .page-links li{border-top:1px solid rgba(255,255,255,0.15);border-bottom:1px solid rgba(0,0,0,0.6)}.app-sidebar .page-links li:first-of-type{border-top:0}.app-sidebar .page-links li:last-of-type{border-bottom:0}.app-sidebar .page-links a{display:block;padding:15px;text-decoration:none;font-size:1rem}.app-sidebar .page-links a .bi{margin-right:15px;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px);display:inline-block;font-size:1.25rem}
/*# sourceMappingURL=main.css.map */ /*# sourceMappingURL=main.css.map */
\ No newline at end of file
css/main.css.map
{ {
"version": 3, "version": 3,
"mappings": "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", "mappings": "AAAA,AAAA,KAAK,AAAC,CACF,SAAS,CAAA,QAAC,CACV,YAAY,CAAA,KAAC,CACb,aAAa,CAAA,KAAC,CACd,YAAY,CAAA,KAAC,CACb,kBAAkB,CAAA,yBAAC,CACnB,eAAe,CAAA,EAAC,CAChB,aAAa,CAAA,IAAC,CACd,mBAAmB,CAAA,IAAC,CACpB,kBAAkB,CAAA,IAAC,CACnB,YAAY,CAAA,QAAC,CAChB,AAED,AAAA,SAAS,AAAC,CACN,MAAM,CAAE,CAAC,CACT,IAAI,CAAE,wBAAwB,CAC9B,SAAS,CAAE,UAAU,CACrB,MAAM,CAAE,GAAG,CACX,MAAM,CAAE,IAAI,CACZ,QAAQ,CAAE,MAAM,CAChB,OAAO,CAAE,CAAC,CACV,QAAQ,CAAE,QAAQ,CAClB,KAAK,CAAE,GAAG,CACV,SAAS,CAAE,iBAAiB,CAC/B,AAED,AAAA,WAAW,AAAC,CACR,OAAO,CAAE,IAAI,CACb,UAAU,CAAE,cAAc,CAC1B,OAAO,CAAE,IAAI,CACb,eAAe,CAAE,aAAa,CAC9B,WAAW,CAAE,MAAM,CACnB,KAAK,CAAE,IAAI,CAyBd,AA/BD,AAOI,WAPO,CAOL,CAAC,AAAC,CACA,KAAK,CAAE,IAAI,CACd,AATL,AAUI,WAVO,CAUP,OAAO,AAAC,CACJ,OAAO,CAAE,IAAI,CAmBhB,AA9BL,AAYQ,WAZG,CAUP,OAAO,CAEH,CAAC,AAAC,CACE,OAAO,CAAE,KAAK,CACd,OAAO,CAAE,QAAQ,CAEjB,aAAa,CAAE,GAAG,CAClB,OAAO,CAAE,GAAG,CACZ,UAAU,CAAE,oBAAoB,CAKnC,AAvBT,AAmBY,WAnBD,CAUP,OAAO,CAEH,CAAC,AAOI,MAAM,CAnBnB,WAAW,CAUP,OAAO,CAEH,CAAC,AAQI,MAAM,AAAC,CACJ,OAAO,CAAE,CAAC,CACb,AAtBb,AAwBQ,WAxBG,CAUP,OAAO,CAcD,CAAC,CAxBX,WAAW,CAUP,OAAO,CAeH,YAAY,AAAC,CACT,KAAK,CAAE,IAAI,CACX,SAAS,CAAE,MAAM,CACjB,eAAe,CAAE,IAAI,CACxB,AAIT,AAAA,KAAK,AAAC,CACF,OAAO,CAAE,IAAI,CACb,YAAY,CAAE,IAAI,CAClB,WAAW,CAAE,MAAM,CACnB,aAAa,CAAE,SAAS,CA0B3B,AA9BD,AAKI,KALC,CAKD,CAAC,AAAC,CACE,WAAW,CAAE,GAAG,CAChB,aAAa,CAAE,CAAC,CACnB,AACA,AAAD,iBAAa,AAAC,CACV,KAAK,CAAE,uBAAuB,CAC9B,aAAa,CAAE,cAAc,CAChC,AACA,AAAD,UAAM,AAAC,CACH,aAAa,CAAE,YAAY,CAC3B,WAAW,CAAE,uBAAuB,CACpC,KAAK,CAAE,kBAAkB,CACzB,SAAS,CAAE,OAAO,CACrB,AACA,AAAD,YAAQ,AAAC,CACL,YAAY,CAAE,IAAI,CASrB,AAVA,AAEG,YAFI,CAEJ,GAAG,AAAC,CACA,KAAK,CAAE,IAAI,CACX,UAAU,CAAE,OAAO,CACnB,MAAM,CAAE,IAAI,CACZ,aAAa,CAAE,GAAG,CAClB,MAAM,CAAE,GAAG,CAAC,KAAK,CAAC,kBAAkB,CACpC,OAAO,CAAE,GAAG,CACf,AAIT,AAAA,OAAO,AAAC,CACJ,MAAM,CAAE,IAAI,CACZ,KAAK,CAAE,IAAI,CACX,IAAI,CAAE,QAAQ,CACd,MAAM,CAAE,CAAC,CACT,YAAY,CAAE,IAAI,CAClB,OAAO,CAAE,OAAO,CAChB,QAAQ,CAAE,QAAQ,CAClB,OAAO,CAAE,YAAY,CACrB,UAAU,CAAE,WAAW,CACvB,MAAM,CAAE,OAAO,CA6DlB,AAvED,AAaI,OAbG,CAaH,IAAI,AAAC,CACD,MAAM,CAAE,GAAG,CACX,KAAK,CAAE,GAAG,CACV,UAAU,CAAE,kBAAkB,CAC9B,OAAO,CAAE,KAAK,CACd,QAAQ,CAAE,QAAQ,CAClB,KAAK,CAAE,CAAC,CACR,IAAI,CAAE,CAAC,CACP,MAAM,CAAE,IAAI,CACZ,UAAU,CAAE,aAAa,CAU5B,AAhCL,AAuBQ,OAvBD,CAaH,IAAI,AAUC,UAAW,CAAA,CAAC,CAAE,CACX,GAAG,CAAE,GAAG,CACX,AAzBT,AA0BQ,OA1BD,CAaH,IAAI,AAaC,UAAW,CAAA,CAAC,CAAE,CACX,GAAG,CAAE,IAAI,CACZ,AA5BT,AA6BQ,OA7BD,CAaH,IAAI,AAgBC,UAAW,CAAA,CAAC,CAAE,CACX,GAAG,CAAE,IAAI,CACZ,AA/BT,AAmCY,OAnCL,AAiCF,IAAK,CAAA,OAAO,EACT,IAAI,AACC,UAAW,CAAA,CAAC,CAAE,CACX,KAAK,CAAE,iBAAiB,CACxB,IAAI,CAAE,IAAI,CACb,AAtCb,AAuCY,OAvCL,AAiCF,IAAK,CAAA,OAAO,EACT,IAAI,AAKC,UAAW,CAAA,CAAC,CAAE,CACX,KAAK,CAAE,iBAAiB,CACxB,IAAI,CAAE,KAAK,CACd,AA1Cb,AA8CQ,OA9CD,AA6CF,OAAO,CACJ,IAAI,AAAC,CACD,UAAU,CAAE,aAAa,CAY5B,AA3DT,AAgDY,OAhDL,AA6CF,OAAO,CACJ,IAAI,AAEC,YAAY,AAAC,CACV,SAAS,CAAE,aAAa,CACxB,GAAG,CAAE,IAAI,CACZ,AAnDb,AAoDY,OApDL,AA6CF,OAAO,CACJ,IAAI,AAMC,UAAW,CAAA,CAAC,CAAE,CACX,OAAO,CAAE,CAAC,CACb,AAtDb,AAuDY,OAvDL,AA6CF,OAAO,CACJ,IAAI,AASC,UAAW,CAAA,CAAC,CAAE,CACX,SAAS,CAAE,cAAc,CACzB,GAAG,CAAE,IAAI,CACZ,AA1Db,AA8DI,OA9DG,AA8DF,WAAW,AAAC,CACT,SAAS,CAAE,UAAU,CAOxB,AAtEL,AAgEQ,OAhED,AA8DF,WAAW,CAER,IAAI,AAAC,CACD,KAAK,CAAE,GAAG,CACV,MAAM,CAAE,GAAG,CACX,aAAa,CAAE,GAAG,CAClB,UAAU,CAAE,IAAI,CACnB,AAIT,AAAA,YAAY,AAAC,CACT,KAAK,CAAE,IAAI,CACX,SAAS,CAAE,KAAK,CAChB,KAAK,CAAE,kBAAkB,CACzB,UAAU,CAAE,iBAAiB,CAC7B,MAAM,CAAE,kBAAkB,CAgC7B,AArCD,AAMI,YANQ,CAMR,CAAC,AAAC,CACE,KAAK,CAAE,kBAAkB,CAC5B,AARL,AAUI,YAVQ,CAUR,WAAW,AAAC,CACR,UAAU,CAAE,IAAI,CAChB,OAAO,CAAE,CAAC,CACV,MAAM,CAAE,CAAC,CAuBZ,AApCL,AAcQ,YAdI,CAUR,WAAW,CAIP,EAAE,AAAC,CACC,UAAU,CAAE,GAAG,CAAC,KAAK,CAAC,sBAAyB,CAC/C,aAAa,CAAE,GAAG,CAAC,KAAK,CAAC,eAAkB,CAO9C,AAvBT,AAiBY,YAjBA,CAUR,WAAW,CAIP,EAAE,AAGG,cAAc,AAAC,CACZ,UAAU,CAAE,CAAC,CAChB,AAnBb,AAoBY,YApBA,CAUR,WAAW,CAIP,EAAE,AAMG,aAAa,AAAC,CACX,aAAa,CAAE,CAAC,CACnB,AAtBb,AAwBQ,YAxBI,CAUR,WAAW,CAcP,CAAC,AAAC,CACE,OAAO,CAAE,KAAK,CACd,OAAO,CAAE,IAAI,CACb,eAAe,CAAE,IAAI,CACrB,SAAS,CAAE,IAAI,CAOlB,AAnCT,AA6BY,YA7BA,CAUR,WAAW,CAcP,CAAC,CAKG,GAAG,AAAC,CACA,YAAY,CAAE,IAAI,CAClB,SAAS,CAAE,eAAe,CAC1B,OAAO,CAAE,YAAY,CACrB,SAAS,CAAE,OAAO,CACrB",
"sources": [ "sources": [
"../scss/main.scss" "../scss/main.scss"
], ],
......
index.html
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head>
<head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
...@@ -10,9 +11,10 @@ ...@@ -10,9 +11,10 @@
<link rel="stylesheet" href="node_modules/bootstrap-icons/font/bootstrap-icons.css"> <link rel="stylesheet" href="node_modules/bootstrap-icons/font/bootstrap-icons.css">
<link rel="shortcut icon" href="/images/envigo.png" type="image/x-icon"> <link rel="shortcut icon" href="/images/envigo.png" type="image/x-icon">
<title>Envigo Dashboard</title> <title>Envigo Dashboard</title>
</head> </head>
<body>
<body>
<header class="app-header"> <header class="app-header">
<button class="toggle"> <button class="toggle">
<span></span> <span></span>
...@@ -31,47 +33,96 @@ ...@@ -31,47 +33,96 @@
</div> </div>
<!-- <h1 class="app-heading">Dashboard <span class="golden">UI</span></h1> --> <!-- <h1 class="app-heading">Dashboard <span class="golden">UI</span></h1> -->
<div class="action"> <div class="action">
<a href="#"><i class="bi bi-bell-fill"></i><span class="scr-text">Notification</span></a>
<a href="#"><i class="bi bi-envelope-fill"></i><span class="scr-text">Messages</span></a>
<a href="#"><i class="bi bi-list-task"></i><span class="scr-text">Task</span></a>
<div class="dropdown">
<a class="action_text" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown"
aria-expanded="false">
<i class="bi bi-bell-fill"> <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
9
<span class="visually-hidden">unread messages</span>
</span>
</i><span class="scr-text">Notification</span>
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</div>
<div class="dropdown">
<a class="action_text" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown"
aria-expanded="false">
<i class="bi bi-envelope-fill"></i><span class="scr-text">Messages</span>
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</div>
<div class="dropdown"> <div class="dropdown">
<a class="dropdown-toggle action_text" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"> <a class="action_text" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown"
John Deo aria-expanded="false">
<i class="bi bi-list-task"></i><span class="scr-text">Task</span>
</a> </a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink"> <ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li>
</ul> </ul>
</div> </div>
<div class="dropdown">
<a class="dropdown-toggle action_text" href="#" role="button" id="dropdownMenuLink"
data-bs-toggle="dropdown" aria-expanded="false">
John Deo
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</div>
</div> </div>
</header> </header>
<section class="content-wrap"> <section class="content-wrap">
<aside class="app-sidebar"> <aside class="app-sidebar">
<nav class="app-navigator"> <nav class="app-navigator expanded">
<ul class="page-links"> <ul class="page-links">
<li class="active"><a href="#">Project</a> <li class="active"><a href="#"><i class="bi bi-speedometer2"></i> Dashboard</a></li>
<div class="badge_outer"><span class="badge">6</span></div> <li>
</li> <!-- add 'dropend' in collapsed nav-->
<li><a href="#">Task</a> <div class="dropdown">
<div class="badge_outer"><span class="badge">6</span></div> <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink"
data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-bookmark-star-fill"></i> UI Features
</a>
<ul class="" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</div>
</li> </li>
<li><a href="#">Chats</a></li> <li><a href="#"><i class="bi bi-inbox-fill"></i>Inbox</a></li>
<li><a href="#">Calender</a> <li><a href="#"><i class="bi bi-table"></i>Table</a>
<div class="badge_outer"><span class="badge">6</span></div>
</li> </li>
<li><a href="#">Expenses</a></li> <li><a href="#"><i class="bi bi-input-cursor-text"></i>Form</a></li>
</ul> </ul>
</nav> </nav>
<footer class="navigator-footer"> <!-- <footer class="navigator-footer">
<span class="shadow_bg"></span> <span class="shadow_bg"></span>
<a href="#" class="brandings">Create Tasks</a> <a href="#" class="brandings">Create Tasks</a>
<a href="#" class="add-projects"><span class="scr-text">Add Projects</span></a> <a href="#" class="add-projects"><span class="scr-text">Add Projects</span></a>
</footer> </footer> -->
</aside> </aside>
<main class="app-body"> <main class="app-body">
...@@ -79,11 +130,10 @@ ...@@ -79,11 +130,10 @@
</section> </section>
<aside class="sidebar"> <aside class="sidebar">
</aside> </aside>
...@@ -98,9 +148,11 @@ ...@@ -98,9 +148,11 @@
<script src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script> <script src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script> <script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
scss/main.scss
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
--font-weight: 400; --font-weight: 400;
--font-weight-light: 300; --font-weight-light: 300;
--font-weight-bold: 600; --font-weight-bold: 600;
--sidebar-bg: #2d323d;
} }
.scr-text { .scr-text {
...@@ -42,13 +43,16 @@ ...@@ -42,13 +43,16 @@
margin-bottom: 5px; margin-bottom: 5px;
opacity: 0.8; opacity: 0.8;
transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;
&:hover { &:hover,
&:focus {
opacity: 1; opacity: 1;
} }
} }
> a, .action_text { > a,
.action_text {
color: #fff; color: #fff;
font-size: 1.5rem; font-size: 1.5rem;
text-decoration: none;
} }
} }
} }
...@@ -157,3 +161,42 @@ ...@@ -157,3 +161,42 @@
} }
} }
} }
.app-sidebar {
width: 100%;
max-width: 300px;
color: var(--light-color);
background: var(--sidebar-bg);
height: calc(100vh - 95px);
a {
color: var(--light-color);
}
.page-links {
list-style: none;
padding: 0;
margin: 0;
li {
border-top: 1px solid rgba(255, 255, 255, 0.15);
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
&:first-of-type {
border-top: 0;
}
&:last-of-type {
border-bottom: 0;
}
}
a {
display: block;
padding: 15px;
text-decoration: none;
font-size: 1rem;
.bi {
margin-right: 15px;
transform: translateY(2px);
display: inline-block;
font-size: 1.25rem;
}
}
}
}
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