blitzwing/poke
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

new navbar on mobile for channels :3

Browse source
This commit is contained in:
Ashley 2022-09-23 15:04:49 +02:00
parent 3710507828
commit 7e4f9bb5c6
1 changed files with 36 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
html/channel.ejs
View file

@ -172,7 +172,9 @@
opacity: 1;
transform: scale(1, 1);
}
body {
background-color:#111
}
</style>
<% } %>
@ -181,13 +183,13 @@
</head>
<body>
<center>
<% if (!isMobile) { %>
<nav>
<div class="left"><a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);padding-left:0.9em;width: 8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"> </a> </div>
<div class="middle">
<% if (!isMobile) { %>
<form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;transform:none;">
<% } %>
<form action=/search><input class=search-bar autocomplete="on" id=fname name=query style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;transform:none;">
</form>
<img src="https://search-metrics.poketube.fun/t/rep.gif" style="border:0;width: 0;visibility: hidden;">
@ -200,19 +202,37 @@
<a href="/video/upload?from=">
<i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-video"></i>
</a>
<% } %>
</div>
</nav>
<% if (isMobile) { %>
<nav style="background-color:#111">
<div class="left">
<i onclick="window.history.back()" style="color:#fff;padding: 10px;" class="fa-solid fa-chevron-left"></i>
<p style="font-family:Ginto Nord,sans-serif;font-weight:900;white-space:yes;"><%=j.Channel.Metadata.Name%></p>
</div>
<hr style="clear: both;display: block;border: none;border-bottom: 0.5px solid #2f2f2f;/*! width: 4.5em; */height: 0;">
</nav>
<% } %>
<section class=youtube-video>
<div class="app">
<div class="channel-page">
<div class="channel-page">
<% if (isMobile) { %>
<div style="text-align: center;padding: 3px;margin-top: 0px;">
@ -265,8 +285,15 @@
</div>
<% } %>
<% if (isMobile) { %>
<% if (!tab) { %>
<div class="channel-info" style="display: inline-block;padding-bottom:0;font-weight:bold;">
<% } %>
<% if (tab) { %>
<div class="channel-info" style="display: inline-block;font-weight:bold;">
<% } %>
<a href="/channel?id=<%=ID%>" class="avatar" style="height: 100px;display: inline-block;">
<img src="https://p.poketube.fun/<%=j.Channel.Metadata.Avatars.Thumbnail.$t%>" alt="Channel Avatar">
</a>
@ -299,6 +326,7 @@
<% } %>
<% if (tab === "about") { %>
<div style="text-align: left;padding: 3px;margin-top: 7px;">
<a href="/channel?id=<%=ID%>" >Uploads</a> <a href="/channel?id=<%=ID%>&tab=about" style="background-color: #333;padding: 5px;border-top-left-radius: 3px;border-top-right-radius: 4px;padding-bottom: 4px;">About </a>