Merge new filemanager

2023-04-16 18:08:10 +02:00
parent c4f4f3e914 5e34deab59
commit ff9381f395
511 changed files with 28040 additions and 0 deletions
@@ -0,0 +1,44 @@
+<template>
+  <div class="preview-panel">
+    <img :src="item.previewUrl || item.icon" :alt="item.name" :class="{'shadow': item.previewUrl }"/>
+    <p>{{ item.name }}</p>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'PreviewPanel',
+  props: {
+    item: Object
+  }
+};
+
+</script>
+
+<style scoped>
+
+.preview-panel {
+  padding: 0 30px;
+  display: flex;
+  flex-direction: column;
+}
+
+.preview-panel > img {
+  min-width: 90%;
+  max-width: 256px;
+  margin: auto;
+}
+
+.shadow {
+  box-shadow: 0 2px 5px rgba(0,0,0,.2);
+}
+
+.preview-panel > p {
+  text-align: center;
+  font-size: 24px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+</style>