nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-18 08:12:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

File preview refactoring

Browse Source
This commit is contained in:
Čarodej
2022-02-03 10:49:14 +01:00
parent b751429dc5
commit bb9280d050
8 changed files with 158 additions and 497 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
resources/js/components/FilePreview/FilePreview.vue
View File

@@ -1,5 +1,13 @@
<template>
<div v-if="isFullPreview" class="file-preview z-40" ref="filePreview" tabindex="-1" @keydown.esc="closeFilePreview" @keydown.right="next" @keydown.left="prev">
<div
v-if="isFullPreview"
class="fixed z-40 h-full w-full bg-white dark:bg-dark-background"
ref="filePreview"
tabindex="-1"
@keydown.esc="closeFilePreview"
@keydown.right="next"
@keydown.left="prev"
>
<FilePreviewToolbar />
<FilePreviewMedia />
</div>
@@ -44,20 +52,3 @@ export default {
},
}
</script>
<style lang="scss" scoped>
@import '../../../sass/vuefilemanager/variables';
.file-preview {
width: 100%;
height: 100%;
position: fixed;
background-color: white;
}
.dark {
.file-preview {
background-color: $dark_mode_background;
}
}
</style>