mobile support

This commit is contained in:
Ashley 2022-08-12 15:04:52 +03:00 committed by GitHub
parent f84e66c3e8
commit 7dfefad0bc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -213,6 +213,8 @@ border-radius: 8px;
} }
</style> </style>
<body> <body>
<% if (!isMobile) { %>
<div class="app" > <div class="app" >
<nav> <nav>
@ -235,7 +237,7 @@ border-radius: 8px;
Discover trend videos, <s>tiktoks</s> shorts & music videos on poketube, the libre youtube front-end! Discover trend videos, <s>tiktoks</s> shorts & music videos on poketube, the libre youtube front-end!
</div> </div>
</div> </div>
<div class=search> <div class=search>
<form action=/search> <form action=/search>
<input class="search-bar" autocomplete="on" id="fname" name="query" placeholder="orrrrrr... search some videos lol "style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;"> <input class="search-bar" autocomplete="on" id="fname" name="query" placeholder="orrrrrr... search some videos lol "style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
@ -245,6 +247,42 @@ border-radius: 8px;
</div> </div>
<div style="margin: 94px;"> <div style="margin: 94px;">
</div> </div>
<% } %>
<% if (isMobile) { %>
<div class="app" >
<nav>
<div class=left>
<a class="class" href="/143" style=font-family:Inter,sans-serif;color:#fff> <img style="transform: scale(1.3);width:8.5em;display: block;margin-left: auto;margin-right: auto;" src="/css/logo.svg?v=5"></a>
</div>
<div class=right>
<a href="/domains"><i style="display: block;margin-left: auto;margin-right: auto;" class="fa-light fa-server"></i> </a>
<a href="/privacy"><i class="fa-light fa-shield"></i></a>
<a href="/video/upload?from="><i class="fa-light fa-video"></i></a>
<a href="https://github.com/iamashley0/poketube/issues"><i class="fa-light fa-bug"></i></a>
</div>
</nav><br>
<div class="discover-some-bitches" style="width:auto;">
<div class="video-title" style="font-family:'Ginto nord';font-weight:900;white-space:yes;font-size: xxx-large;">DISCOVER VIDEOS ON POKETUBE</div>
<div class="video-info-bar" style="font-family:'Ginto nord';border-bottom:none;padding:0;font-size: small;">
Discover trend videos, <s>tiktoks</s> shorts & music videos on poketube, the libre youtube front-end!
</div>
</div>
<div class=search>
<form action=/search>
<input class="search-bar" autocomplete="on" id="fname" name="query" placeholder="orrrrrr... search some videos lol "style="color:#fff;font-family:Inter,sans-serif;border-radius: 8px;">
<button class="btn btn-success" type=submit><i class="fa-light fa-search"></i></button></form>
</div>
</div>
<% } %>
<div class="channel-page" style="background-color: var(--channel-contents-background);"> <div class="channel-page" style="background-color: var(--channel-contents-background);">
<img src="https://t.poketube.fun/t/rep.gif" style="width: 0;visibility: hidden;" id="discover_main"> <img src="https://t.poketube.fun/t/rep.gif" style="width: 0;visibility: hidden;" id="discover_main">
<div class="video-grid"> <div class="video-grid">