diff --git a/tubio-frontend-nuxt-app/components/DownloadEntry.vue b/tubio-frontend-nuxt-app/components/DownloadEntry.vue index 2f5aff7..9db084a 100644 --- a/tubio-frontend-nuxt-app/components/DownloadEntry.vue +++ b/tubio-frontend-nuxt-app/components/DownloadEntry.vue @@ -5,12 +5,15 @@
-
+
-
+ +
@@ -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 {