add dropdown menu :3

This commit is contained in:
Ashley 2022-12-31 14:09:52 +00:00
parent 392af71516
commit 241a0da0eb

View file

@ -313,19 +313,38 @@ But Please note that unofficial instances can add the same lock icon, so please
</div> </div>
<div class="right"> <div class="right">
<a href="https://redirect.poketube.fun/watch?v=<%=video.id%>" style="text-decoration: none;" title="Switch instance"> <div class="icon-button dropdown">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-rocket-launch"></i> <input type="checkbox" id="loggedout-dropdown" autocomplete="off">
<label for="loggedout-dropdown">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-ellipsis-vertical"></i>
</label>
<div class="dropdown__menu" style="right: -1em;">
<a href="https://redirect.poketube.fun/watch?v=<%=video.id%>" style="text-decoration: none;" class="dropdown__item">
<i class="fa-light fa-rocket-launch"></i>
Switch Instance
</a> </a>
<a href="/video/upload" style="text-decoration: none;" title="Upload Video"> <a href="/video/upload" style="text-decoration: none;" class="dropdown__item">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i> <i class="fa-light fa-video"></i>
Upload
</a> </a>
<a href="/embed/<%=video.id%>" style="text-decoration: none;" title="Embed"> <a href="/embed/<%=video.id%>" style="text-decoration: none;" class="dropdown__item">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-code"></i> <i class="fa-light fa-code"></i>
View Embed
</a> </a>
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #1a1111;width: 16.5em;height: 0;">
<a href="/api/version.json" style="text-decoration: none;colır:#fff;" class="dropdown__item">
<i class="fa-light fa-circle-info"></i>
Version
</a>
</div>
</div>
</div> </div>
</nav> </nav>