mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-26 06:28:55 +01:00
Mobile Improvements :3
This commit is contained in:
parent
38a100bf74
commit
c488073d25
1 changed files with 79 additions and 1 deletions
|
@ -1209,6 +1209,30 @@ body {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
height:66px
|
height:66px
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.new-button {
|
||||||
|
background: #333;
|
||||||
|
border-radius: 2em;
|
||||||
|
padding-right: 1em;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
align-content: center;
|
||||||
|
width: max-content;
|
||||||
|
margin-top: 4px;
|
||||||
|
margin-left: 3px;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.pill-button {
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vertical {
|
||||||
|
border-left: 1px solid gray;
|
||||||
|
height: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
@-webkit-keyframes wiggle {
|
@-webkit-keyframes wiggle {
|
||||||
0% { -webkit-transform: skewX(9deg); }
|
0% { -webkit-transform: skewX(9deg); }
|
||||||
10% { -webkit-transform: skewX(-8deg); }
|
10% { -webkit-transform: skewX(-8deg); }
|
||||||
|
@ -1729,8 +1753,60 @@ padding: 3px;
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
|
<div style=" display: flex;
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: scroll;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
padding: 4px;
|
||||||
|
">
|
||||||
|
|
||||||
|
<div class="new-button" style="height: 2.3em">
|
||||||
|
|
||||||
|
<div class="pill-button" style="margin-right: 4.5px;">
|
||||||
|
<i class="fa-light fa-thumbs-up"></i>
|
||||||
|
<%=convert(engagement.likes)%>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "vertical"></div>
|
||||||
|
|
||||||
|
<div style="margin-left: -7.5px;" title="<%=engagement.dislikes.toLocaleString()%> Dislikes">
|
||||||
|
<div class="pill-button">
|
||||||
|
|
||||||
|
<i class="fa-light fa-thumbs-down"></i> <%=convert(engagement.dislikes)%>
|
||||||
|
</div> </div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a class="new-button" title="Download this Video :3" style="color:#fff;text-decoration: none;margin-right: 0; " href="/download?v=<%=video.id%>">
|
||||||
|
<div class="pill-button">
|
||||||
|
|
||||||
|
<i class="fa-light fa-download"></i>
|
||||||
|
Download
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
|
||||||
|
<a class="new-button" style="color:#fff" onclick="share()">
|
||||||
|
<div class="pill-button">
|
||||||
|
|
||||||
|
<i class="fa-light fa-share"></i>
|
||||||
|
Share
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="new-button" style="color:#fff" href="#more-button-container">
|
||||||
|
<div class="pill-button">
|
||||||
|
|
||||||
|
<i style="color:#fff" class="fa-thin fa-circle-plus"></i> More.. </div></a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="video-info-bar" style="font-family:'Inter';">
|
<div class="video-info-bar" style="font-family:'Inter';">
|
||||||
|
|
||||||
|
<!--
|
||||||
<div class="video-info-buttons" style="font-family:'Inter';font-weight:900;white-space:yes;background:#333;border-radius: 15px;margin: 6px;align-self: center;align-items: center;">
|
<div class="video-info-buttons" style="font-family:'Inter';font-weight:900;white-space:yes;background:#333;border-radius: 15px;margin: 6px;align-self: center;align-items: center;">
|
||||||
<div>
|
<div>
|
||||||
<i class="fa-light fa-thumbs-up" style="font-size:x-large" ></i>
|
<i class="fa-light fa-thumbs-up" style="font-size:x-large" ></i>
|
||||||
|
@ -1749,6 +1825,8 @@ padding: 3px;
|
||||||
</a>
|
</a>
|
||||||
<a style="color:#fff" href="#more-button-container"> <i style="font-size:x-large;color:#fff" class="fa-thin fa-circle-plus"></i>More.. </a>
|
<a style="color:#fff" href="#more-button-container"> <i style="font-size:x-large;color:#fff" class="fa-thin fa-circle-plus"></i>More.. </a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
-->
|
||||||
</div>
|
</div>
|
||||||
<% if (Array.isArray( inv.comments)) { %>
|
<% if (Array.isArray( inv.comments)) { %>
|
||||||
<div style="padding: 0em;background: #333;border-radius: 16px;align-self: center;align-items: center;margin-left: 8px;margin-right: 12px;padding-bottom: 0;padding-top:1em">
|
<div style="padding: 0em;background: #333;border-radius: 16px;align-self: center;align-items: center;margin-left: 8px;margin-right: 12px;padding-bottom: 0;padding-top:1em">
|
||||||
|
|
Loading…
Reference in a new issue