-
+
+ {{typeof(downloadEntry.quality) != 'undefined' ? downloadEntry.quality : 'best'}}
+
+
{{getQueuedDateString(downloadEntry.queued_timestamp)}}
@@ -146,10 +149,14 @@ export default {
width: 100%;
border-bottom: 2px solid theme("colors.gray-1");
- & .timestamp {
+ & .smalltext-metadata {
font-family: ZillaSlab, serif;
font-size: 12pt;
color: theme("colors.text-gray-1");
+
+ &::before {
+ content: '|';
+ }
}
& .thumbnail {
@@ -162,6 +169,10 @@ export default {
position: relative;
cursor: pointer;
scrollbar-width: none;
+ backface-visibility: hidden; // prevent flickering on mover
+ transform: translate3d(0, 0, 0);// prevent flickering on mover
+ transform-style: preserve-3d; // prevent flickering on mover
+ transition: transform 0.2s ease;
@media (max-width: theme('screens.md')) {
width: 100%;
@@ -169,7 +180,7 @@ export default {
}
&:hover {
- // transform: scale(1.05); /* shit causes flickering */
+ transform: scale(1.05); /* shit causes flickering */
}
&__vignette {
diff --git a/tubio-frontend-nuxt-app/layouts/default.vue b/tubio-frontend-nuxt-app/layouts/default.vue
index 78c1986..98fc334 100644
--- a/tubio-frontend-nuxt-app/layouts/default.vue
+++ b/tubio-frontend-nuxt-app/layouts/default.vue
@@ -24,8 +24,8 @@ export default {