iv-org-mirror/invidious
1
0
Fork 0
mirror of https://gitea.invidious.io/iv-org/invidious.git synced 2024-08-15 00:53:41 +00:00
Code Issues Projects Releases Packages 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

23
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 %>
<b><%= translate(locale, option) %></b> <li class="pure-menu-item pure-menu-selected">
<b><a href="/feed/trending?type=<%= option %>&region=<%= region %>" class="pure-menu-link">
<%= translate(locale, option) %>
</a></b>
<% else %> <% else %>
<a href="/feed/trending?type=<%= option %>&region=<%= region %>"> <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>
</li>
<% end %> <% end %>
</div>
<% end %> <% end %>
</div> </ui>
</div> </div>
</div> </div>