diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/invidious/views/layout.ecr | 60 |
1 files changed, 29 insertions, 31 deletions
diff --git a/src/invidious/views/layout.ecr b/src/invidious/views/layout.ecr index 8df75e3f..67b9ba5d 100644 --- a/src/invidious/views/layout.ecr +++ b/src/invidious/views/layout.ecr @@ -20,51 +20,49 @@ <div class="pure-g"> <div class="pure-u-1 pure-u-md-1-5"></div> <div class="pure-u-1 pure-u-md-3-5"> - <div class="pure-g" style="padding:1em;"> + <div class="pure-g navbar"> <div class="pure-u-1 pure-u-md-4-24"> - <center><a href="/" class="pure-menu-heading">Invidious</a></center> + <a href="/" class="index-link pure-menu-heading">Invidious</a> </div> - <div class="pure-u-1 pure-u-md-12-24"> + <div class="pure-u-1 pure-u-md-12-24 searchbar"> <form class="pure-form" action="/search" method="get"> <fieldset> <input type="search" style="width:100%;" name="q" placeholder="search" value="<%= env.params.query["q"]? %>"> </fieldset> </form> </div> - <div class="pure-u-1 pure-u-md-8-24"> + <div class="pure-u-1 pure-u-md-8-24 user-field"> <% if env.get? "user" %> - <div class="pure-g"> - <div class="pure-u-1-3"> - <a href="/feed/subscriptions" class="pure-menu-heading"> - <% notification_count = env.get("user").as(User).notifications.size %> - <% if notification_count > 0 %> - <center><%= notification_count %> <i class="fas fa-bell"></i></center> - <% else %> - <center><i class="far fa-bell"></i></center> - <% end %> - </a> - </div> - <div class="pure-u-1-3"> - <a href="/preferences" class="pure-menu-heading"> - <center><i class="fas fa-cog"></i></center> - </a> - </div> - <div class="pure-u-1-3"> - <a href="/signout" class="pure-menu-heading"> - <center>Sign out</center> - </a> - </div> - </div> + <div class="pure-u-1-3"> + <a href="/feed/subscriptions" class="pure-menu-heading"> + <% notification_count = env.get("user").as(User).notifications.size %> + <% if notification_count > 0 %> + <%= notification_count %> <i class="fas fa-bell"></i> + <% else %> + <i class="far fa-bell"></i> + <% end %> + </a> + </div> + <div class="pure-u-1-3"> + <a href="/preferences" class="pure-menu-heading"> + <i class="fas fa-cog"></i> + </a> + </div> + <div class="pure-u-1-3"> + <a href="/signout" class="pure-menu-heading">Sign out</a> + </div> <% else %> - <center><a href="/login" class="pure-menu-heading">Login</a></center> + <a href="/login" class="pure-menu-heading">Login</a> <% end %> </div> </div> <%= content %> - <center class="h-box"> - Released under AGPLv3 by <a href="https://github.com/omarroth">Omar Roth</a> - - source available <a href="https://github.com/omarroth/invidious">here</a> - </center> + <div class="footer"> + Released under AGPLv3 by <a href="https://github.com/omarroth">Omar + Roth</a>. + Source available <a + href="https://github.com/omarroth/invidious">here</a>. + </div> </div> <div class="pure-u-1 pure-u-md-1-5"></div> </div> |