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

expand tap area for FilePreviewActions.vue arrows

Browse Source
This commit is contained in:
Peter Papp
2020-08-30 11:15:51 +02:00
parent ab65ca7a13
commit f180f1fff8
3 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/js/main.js vendored
View File

File diff suppressed because one or more lines are too long

12
resources/js/components/FilesView/FilePreviewActions.vue
View File

@@ -1,7 +1,12 @@
<template>
<div v-if="filteredFiles.length > 1">
<chevron-left-icon class="prev" @click.prevent="prev" size="17"></chevron-left-icon>
<chevron-right-icon class="next" @click.prevent="next" size="17"></chevron-right-icon>
<div @click.prevent="prev" class="prev">
<chevron-left-icon size="17"></chevron-left-icon>
</div>
<div @click.prevent="next" class="next">
<chevron-right-icon size="17"></chevron-right-icon>
</div>
</div>
</template>
@@ -54,14 +59,13 @@ export default {
text-decoration: none;
user-select: none;
filter: drop-shadow(0px 1px 0 rgba(255, 255, 255, 1));
padding: 10px;
}
.next {
right: 0;
margin-right: 10px;
}
.prev {
left: 0;
margin-left: 10px;
}
@media (prefers-color-scheme: dark) {

1
resources/js/components/FilesView/FilePreviewNavigationPanel.vue
View File

@@ -191,7 +191,6 @@ export default {
display: flex;
align-items: center;
vertical-align: middle;
margin-left: 6px;
padding: 1px 4px;
line-height: 0;
border-radius: 3px;