theta42/sso-manager-node
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed spacing for nav icons

Browse Source
This commit is contained in:
William Mantly
2020-12-30 18:41:08 -05:00
parent 5143162510
commit 746ee6e62a
2 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nodejs/public/css/styles.css
+6 -2
View File
@@ -3,7 +3,7 @@
transition: all .4s ease; transition: all .4s ease;
} }
a:hover, button:hover, div.form-group:hover{ a:hover, button:hover, div.form-group:hover, header nav a{
color: inherit; color: inherit;
transition: all .4s ease; transition: all .4s ease;
background-color: inherit; background-color: inherit;
@@ -21,4 +21,8 @@ div.card-body{
.my-2 > a { .my-2 > a {
padding-right: .5em; padding-right: .5em;
} }
header nav svg{
margin-right: .4em
}
nodejs/views/top.ejs
+3 -3
View File
@@ -27,9 +27,9 @@
<header class="shadow d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm"> <header class="shadow d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
<h5 class="hover-effect my-0 mr-md-auto font-weight-normal">SSO Manager - Theta 42</h5> <h5 class="hover-effect my-0 mr-md-auto font-weight-normal">SSO Manager - Theta 42</h5>
<nav class="my-2 my-md-0 mr-md-3"> <nav class="my-2 my-md-0 mr-md-3">
<a class="text-dark hover-effect" href="/"><i class="fad fa-tachometer-alt-fastest"></i> Home</a> <a class="text-dark hover-effect" href="/"><i class="fad fa-tachometer-alt-fastest"></i>Home</a>
<a class="text-dark hover-effect" href="/users"><i class="fad fa-users"></i> Users</a> <a class="text-dark hover-effect" href="/users"><i class="fad fa-users"></i>Users</a>
<a class="text-dark hover-effect" href="/groups"><i class="fad fa-users-class"></i> Groups</a> <a class="text-dark hover-effect" href="/groups"><i class="fad fa-users-class"></i>Groups</a>
</nav> </nav>
<a class="hover-effect btn btn-outline-primary" onclick="app.auth.logOut(e => window.location.href='/')"><i class="fas fa-sign-out"></i> Log Out</a> <a class="hover-effect btn btn-outline-primary" onclick="app.auth.logOut(e => window.location.href='/')"><i class="fas fa-sign-out"></i> Log Out</a>