mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-22 12:17:52 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix css

Browse source
This commit is contained in:
ashley 2024-10-23 15:30:08 +00:00
parent 5a476089b4
commit 35d175e2d5
1 changed files with 16 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
html/poketube.ejs
View file

@ -1565,29 +1565,32 @@ WIP! </a>
</span> </span>
<style> <style>
.tag-container { .tag-container {
display: flex; display: flex;
flex-wrap: wrap; gap: 8px;
gap: 8px;
justify-content: flex-start; max-height: fit-content;
max-height: 100px; overflow-x: auto;
overflow-y: auto; white-space: nowrap;
padding-right: 8px; padding-bottom: 8px;
scrollbar-width: thin;
} }
.tag { .tag {
background-color: #444; color: #fff;
color: #fff; padding: 8px 16px;
padding: 6px 10px; border-radius: 20px;
border-radius: 15px; font-size: 14px;
font-size: 12px;
font-weight: 500; font-weight: 500;
max-width: 150px; max-width: none;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
transition: background-color 0.3s, box-shadow 0.3s; transition: background-color 0.3s, box-shadow 0.3s;
cursor: pointer; cursor: pointer;
min-width: -moz-fit-content;
min-width: fit-content;
} }
.tag:hover { .tag:hover {
@ -1605,6 +1608,7 @@ WIP! </a>
margin-right: 4px; margin-right: 4px;
color: #bbb; color: #bbb;
} }
</style> </style>
<% if (Array.isArray(inv_vid?.keywords)) { %> <% if (Array.isArray(inv_vid?.keywords)) { %>