fixes

zero.Web.UI/App/pages/media/media-item-old.vue

@@ -1,41 +0,0 @@
-<template>
-  <router-link :to="link" class="media-item">
-    <img v-if="value.type === 'image'" :src="value.source" />
-    <span class="media-item-content is-file" v-if="value.type !== 'image'">
-      <i :class="icons[value.type]" :data-extension="value.source.split('.').pop()"></i>
-      <span>{{value.name}}</span>
-    </span>
-  </router-link>
-</template>
-
-<script>
-  export default {
-    props: {
-      value: {
-        type: Object,
-        default: () => { }
-      }
-    },
-
-    data: () => ({
-      icons: {
-        image: 'fth-image',
-        video: 'fth-video',
-        file: 'fth-file'
-      }
-    }),
-
-    computed: {
-      link()
-      {
-        return {
-          name: 'mediaitem',
-          params: { id: this.value.id }
-        };
-      }
-    }
-  };
-</script>
-
-<style lang="scss">
-</style>

zero.Web.UI/App/pages/media/media-item.vue

@@ -51,16 +51,7 @@
     color: var(--color-fg);
     font-size: var(--font-size);
     border-radius: var(--radius);
-
-    &:hover
-    {
-      background: var(--color-bg-bright);
-
-      .media-item-preview
-      {
-        background: var(--color-bg-bright-two);
-      }
-    }
+    background: var(--color-bg-bright);
   }
 
   .media-item-preview
@@ -71,7 +62,7 @@
     flex-direction: column;
     height: $media-item-size;
     width: $media-item-size;
-    background: var(--color-bg-bright);
+    background: var(--color-bg-bright-two);
     border-radius: var(--radius);
     overflow: hidden;
     position: relative;
@@ -111,7 +102,7 @@
     background: transparent;
 
     $media-pattern-size: 10px;
-    $media-pattern-color-a: #ccc;
+    $media-pattern-color-a: #ddd;
     $media-pattern-color-b: #aaa;
 
     &:before

zero.Web.UI/App/pages/media/media.vue

@@ -12,7 +12,7 @@
         </template>
         <template>
           <ui-search />
-          <ui-dropdown v-if="isOverview && current" align="right">
+          <ui-dropdown v-if="isOverview && !!id" align="right">
             <template v-slot:button>
               <ui-button type="white" label="Folder" caret="down" />
             </template>