Skip to content

D
dashboard
Commit 83802baa by Anoop
Options

implementation

parent 1205f292
Showing with 123 additions and 32 deletions
css/bootstrap.css
This source diff could not be displayed because it is too large. You can view the blob instead.
css/bootstrap.css.map
This source diff could not be displayed because it is too large. You can view the blob instead.
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;--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}
: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;--submenu-bg:#242831}.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}.app-header .action>a .badge,.app-header .action .action_text .badge{font-size:.75rem}.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);-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px;text-decoration:none;font-size:1rem}.app-sidebar .page-links a .bi{margin-right:15px;display:inline-block;font-size:1.25rem}.app-sidebar .sub-menu{display:none;list-style:none;padding:0 30px;margin:0;background:var(--submenu-bg)}.app-sidebar .sub-menu li{border:0;padding-inline:10px}.app-sidebar .sub-menu a{padding-block:10px}.app-sidebar .dropdown-toggle{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.app-sidebar .dropdown-toggle::after{margin-left:auto}.app-sidebar:not(.expanded){max-width:50px}.app-sidebar:not(.expanded) .sub-menu{padding-inline:0;display:none !important;height:0;overflow:hidden;-webkit-transition:0s ease-in-out all;-o-transition:0s ease-in-out all;transition:0s ease-in-out all}.content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.content-wrap .app-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:15px 30px}
/*# sourceMappingURL=main.css.map */
\ No newline at end of file
css/main.css.map
{
"version": 3,
"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",
"mappings": "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",
"sources": [
"../scss/main.scss"
],
......
index.html
......@@ -16,7 +16,7 @@
<body>
<header class="app-header">
<button class="toggle">
<button class="toggle sidebar_toggle">
<span></span>
<span></span>
<span></span>
......@@ -39,7 +39,8 @@
<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">
<i class="bi bi-bell-fill"> <span
class="position-absolute translate-middle badge rounded-pill bg-danger">
9
<span class="visually-hidden">unread messages</span>
</span>
......@@ -92,24 +93,18 @@
</header>
<section class="content-wrap">
<!-- Sidebar -->
<aside class="app-sidebar">
<nav class="app-navigator expanded">
<nav class="app-navigator">
<ul class="page-links">
<li class="active"><a href="#"><i class="bi bi-speedometer2"></i> Dashboard</a></li>
<li>
<!-- add 'dropend' in collapsed nav-->
<div class="dropdown">
<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>
<a href="#" class="dropdown-toggle"><i class="bi bi-bookmark-star-fill"></i> UI Features</a>
<ul class="sub-menu">
<li><a href="#">Element</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Slider</a></li>
</ul>
</div>
</li>
<li><a href="#"><i class="bi bi-inbox-fill"></i>Inbox</a></li>
<li><a href="#"><i class="bi bi-table"></i>Table</a>
......@@ -124,34 +119,66 @@
<a href="#" class="add-projects"><span class="scr-text">Add Projects</span></a>
</footer> -->
</aside>
<main class="app-body">
</main>
</section>
<aside class="sidebar">
</aside>
<!-- Main Body -->
<main class="app-body container-fluid">
<div class="row">
<div class="col-12">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="#">Dashboard</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>
</div>
<div class="col-md-6">
<div class="btn-group" role="group" aria-label="Basic radio toggle button group">
<input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off" checked>
<label class="btn btn-outline-primary" for="btnradio1">Radio 1</label>
<input type="radio" class="btn-check" name="btnradio" id="btnradio2" autocomplete="off">
<label class="btn btn-outline-primary" for="btnradio2">Radio 2</label>
<input type="radio" class="btn-check" name="btnradio" id="btnradio3" autocomplete="off">
<label class="btn btn-outline-primary" for="btnradio3">Radio 3</label>
</div>
</div>
<div class="col-md-6">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Home</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profile</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
</div>
</div>
</div>
</main>
</section>
<script src="node_modules/jquery/dist/jquery.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="js/script.js"></script>
</body>
......
js/script.js
$('.sidebar_toggle').click(function(){
$(".app-sidebar").toggleClass("expanded");
$(this).toggleClass("active");
})
$(".page-links .dropdown-toggle").click(function(){
$(this).siblings('.sub-menu').slideToggle(200);
})
\ No newline at end of file
scss/bootstrap.scss
$primary:#375471;
@import '../node_modules/bootstrap/scss/bootstrap.scss';
\ No newline at end of file
scss/main.scss
......@@ -9,6 +9,7 @@
--font-weight-light: 300;
--font-weight-bold: 600;
--sidebar-bg: #2d323d;
--submenu-bg:#242831;
}
.scr-text {
......@@ -53,6 +54,9 @@
color: #fff;
font-size: 1.5rem;
text-decoration: none;
.badge{
font-size: .75rem;
}
}
}
}
......@@ -168,6 +172,7 @@
color: var(--light-color);
background: var(--sidebar-bg);
height: calc(100vh - 95px);
transition: all ease-in-out .3s;
a {
color: var(--light-color);
}
......@@ -187,16 +192,62 @@
}
}
a {
display: block;
display: flex;
align-items: center;
padding: 15px;
text-decoration: none;
font-size: 1rem;
.bi {
margin-right: 15px;
transform: translateY(2px);
display: inline-block;
font-size: 1.25rem;
}
}
}
.sub-menu{
display: none;
list-style: none;
padding: 0 30px;
margin: 0;
background: var(--submenu-bg);
li{
border: 0;
padding-inline: 10px;
}
a{
padding-block: 10px;
}
}
// a:focus-within + .sub-menu{
// display: block;
// }
.dropdown-toggle{
display: flex !important;
align-items: center;
justify-content: space-between;
&::after{
margin-left: auto;
}
}
&:not(.expanded){
max-width: 50px;
.sub-menu{
padding-inline: 0;
display: none !important;
height: 0;
overflow: hidden;
transition: 0s ease-in-out all;
}
}
}
.content-wrap{
display: flex;
.app-body{
flex-grow: 1;
padding: 15px 30px;
}
}
\ No newline at end of file
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