JS router

This commit is contained in:
realaravinth
2021-04-07 23:02:45 +05:30
parent 36e64e399e
commit 432905e9f7
4 changed files with 82 additions and 18 deletions

View File

@@ -10,6 +10,14 @@
<nav class="secondary-menu">
<ul>
<li class="secondary-menu__item">mCaptcha</li>
<li class="secondary-menu__section-partition"></li>
<button class="main-menu__add-site">+ New Site</button>
<li class="secondary-menu__item">Overview</li>
<li class="secondary-menu__item">Site Keys</li>
<li class="main-menu__item--spacer"></li>
<li class="secondary-menu__section-partition"></li>
<li class="secondary-menu__item">API Docs</li>
<li class="secondary-menu__section-partition"></li>
<li class="secondary-menu__item">Settings</li>
@@ -41,7 +49,8 @@
<!--
<li class="task-bar__action">Brand Name</li>
-->
<li class="task-bar__action"></li>
<li class="task-bar__action">
</li>
<li class="task-bar__action">
<img src="../../static/img/svg/bell.svg" alt="Notifications" />
</li>
@@ -51,11 +60,14 @@
</li>
</ul>
<ul class="main-menu">
<!-- important actions -->
<!--
<li class="main-menu__item">Overview</li>
<li class="main-menu__item">Site Keys</li>
<li class="main-menu__item">Settings</li>
-->
<li class="main-menu__item--spacer"></li>
<!-- dummy-->
<li class="main-menu__item">
@@ -142,6 +154,10 @@
padding: 0;
}
:root {
--green: #5cad66;
}
.home-button {
width: 250px;
margin: auto;
@@ -175,7 +191,7 @@
}
.secondary-menu__item:hover {
color: #5cad66 !important;
color: var(--green);
cursor: grab;
}