diff --git a/bin/web/views/blocks/nav.pug b/bin/web/views/blocks/nav.pug index 93ddded..0f9de95 100644 --- a/bin/web/views/blocks/nav.pug +++ b/bin/web/views/blocks/nav.pug @@ -1,25 +1,25 @@ mixin navItem(name, id, symbol, href) li(title=name, id=id) a(href=href) - i.fas.fa-fw(class=symbol) + i.fa-fw(class=symbol) span= name // Navigation nav(uk-navbar).uk-navbar-container - .uk-navbar-left + .uk-navbar-left.uk-margin-left ul.uk-navbar-nav li(title="authRXBN") a(href="/", style="text-transform: unset") span authRXBN - .uk-navbar-right + .uk-navbar-right.uk-margin-right ul.uk-navbar-nav if(user) - +navItem("Apps", "apps", "fa-tachometer-alt", "/") - +navItem("Configs", "configs", "fa-wrench", "/configs") + +navItem("Apps", "apps", "fas fa-tachometer-alt", "/") + +navItem("Configs", "configs", "fas fa-wrench", "/configs") else - +navItem("Register", "register", "fa-user-plus", "/register") - +navItem("Login", "login", "fa-sign-in", "/login") - +navItem("Forgot your password?", "reset", "fa-key", "/reset") + +navItem("Register", "register", "fas fa-user-plus", "/register") + +navItem("Login", "login", "far fa-arrow-alt-circle-right", "/login") + +navItem("Forgot your password?", "reset", "fas fa-key", "/reset") div - var breadcrumb_isSet = typeof breadcrumb !== 'undefined'; if(breadcrumb_isSet) diff --git a/res/web/css/stylesheet.css b/res/web/css/stylesheet.css index fbec99d..4b5004a 100644 --- a/res/web/css/stylesheet.css +++ b/res/web/css/stylesheet.css @@ -11,3 +11,12 @@ .uk-breadcrumb a:hover { color: #666; } + +.uk-navbar a i { + margin-right: .2em; + transition: all .1s cubic-bezier(0.65, 0.05, 0.36, 1); +} +.uk-navbar a:hover i { + margin-top: .1em; + font-size: 1.4em; +}