iv-org/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2024-08-06 10:25:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use pure-menu-horizontal for trending tabs

Browse Source
This commit is contained in:
syeopite 2021-03-28 02:03:29 -07:00
parent 5a8825d016
commit 765041f1b8
No known key found for this signature in database
GPG Key ID: 6FA616E5A5294A82
1 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/invidious/views/trending.ecr
View File

@ -11,28 +11,31 @@
<%= rendered "components/feed_menu" %> <%= rendered "components/feed_menu" %>
<div class="pure-g h-box"> <div class="" style="text-align: center">
<div style="align-self:flex-end" class="pure-u-2-3"> <!-- <div style="align-self:flex-end" class="pure-u-2-3">
<% if plid %> <% if plid %>
<a href="/playlist?list=<%= plid %>"> <a href="/playlist?list=<%= plid %>">
<%= translate(locale, "View as playlist") %> <%= translate(locale, "View as playlist") %>
</a> </a>
<% end %> <% end %>
</div> </div> -->
<div class="pure-u-1-3"> <div class="pure-menu pure-menu-horizontal">
<div class="pure-g" style="text-align:right"> <ui class="pure-menu-list">
<% {"Default", "Music", "Gaming", "Movies"}.each do |option| %> <% {"Default", "Music", "Gaming", "Movies"}.each do |option| %>
<div class="pure-u-1 pure-md-1-3"> <% if trending_type == option %>
<% if trending_type == option %> <li class="pure-menu-item pure-menu-selected">
<b><%= translate(locale, option) %></b> <b><a href="/feed/trending?type=<%= option %>&region=<%= region %>" class="pure-menu-link">
<% else %> <%= translate(locale, option) %>
<a href="/feed/trending?type=<%= option %>&region=<%= region %>"> </a></b>
<% else %>
<li class="pure-menu-item">
<a href="/feed/trending?type=<%= option %>&region=<%= region %>" class="pure-menu-link">
<%= translate(locale, option) %> <%= translate(locale, option) %>
</a> </a>
<% end %> </li>
</div> <% end %>
<% end %> <% end %>
</div> </ui>
</div> </div>
</div> </div>