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

v1.5-alpha.2

Browse Source
This commit is contained in:
carodej
2020-05-16 12:04:28 +02:00
parent 41656235fc
commit d2c4f2aa23
23 changed files with 221 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
resources/js/components/FilesView/DesktopToolbar.vue
View File

@@ -25,12 +25,21 @@
</div>
<!--Files controlls-->
<div class="toolbar-button-wrapper"
v-if="$checkPermission(['master', 'editor'])">
<div class="toolbar-button-wrapper" v-if="$checkPermission(['master', 'editor'])">
<ToolbarButtonUpload
:class="{'is-inactive': canUploadInView}"
:action="$t('actions.upload')"
/>
<ToolbarButton
:class="{'is-inactive': canCreateFolderInView}"
@click.native="createFolder"
source="folder-plus"
:action="$t('actions.create_folder')"
/>
</div>
<div class="toolbar-button-wrapper"
v-if="$checkPermission(['master', 'editor'])">
<ToolbarButton
source="move"
:class="{'is-inactive': canMoveInView}"
@@ -50,12 +59,6 @@
:action="$t('actions.delete')"
@click.native="deleteItem"
/>
<ToolbarButton
:class="{'is-inactive': canCreateFolderInView}"
@click.native="createFolder"
source="folder-plus"
:action="$t('actions.create_folder')"
/>
</div>
<!--View options-->

11
resources/js/components/FilesView/EmptyPage.vue
View File

@@ -12,8 +12,13 @@
<h1 class="title">{{ $t('empty_page.title') }}</h1>
</div>
<!--Trash empty message-->
<div class="text-content" v-if="$isThisLocation(['participant_uploads']) && ! isLoading">
<h1 class="title">You don't have any uploads from other users.</h1>
</div>
<!--Base file browser empty message-->
<div class="text-content" v-if="$isThisLocation(['base', 'public']) && !isLoading">
<div class="text-content" v-if="$isThisLocation(['base', 'public', 'latest']) && !isLoading">
<h1 class="title">{{ $t('empty_page.title') }}</h1>
<p v-if="$checkPermission(['master', 'editor'])" class="description">{{ $t('empty_page.description') }}</p>
<ButtonUpload
@@ -79,14 +84,14 @@
margin: 30px 0;
.title {
@include font-size(24);
@include font-size(20);
color: $text;
font-weight: 700;
margin: 0;
}
.description {
@include font-size(15);
@include font-size(13);
color: $text-muted;
margin-bottom: 20px;
display: block;

15
resources/js/components/FilesView/FileBrowser.vue
View File

@@ -225,6 +225,7 @@
}
.file-content {
height: 100%;
display: flex;
flex-wrap: nowrap;
@@ -307,13 +308,6 @@
@media only screen and (max-width: 690px) {
.file-list {
&.grid {
grid-template-columns: repeat(auto-fill, 120px);
}
}
.files-container {
padding-left: 15px;
padding-right: 15px;
@@ -323,6 +317,13 @@
bottom: 0;
position: absolute;
overflow-y: auto;
.file-list {
&.grid {
grid-template-columns: repeat(auto-fill, 120px);
}
}
}
.file-content {

33
resources/js/components/FilesView/FileItemGrid.vue
View File

@@ -463,11 +463,23 @@
@media (prefers-color-scheme: dark) {
.file-wrapper {
.icon-item .file-icon {
.icon-item {
path {
fill: $dark_mode_foreground;
stroke: #2F3C54;
.file-icon {
path {
fill: $dark_mode_foreground;
stroke: #2F3C54;
}
}
.folder-icon {
&.is-deleted {
path {
fill: lighten($dark_mode_foreground, 5%);
}
}
}
}
@@ -486,9 +498,18 @@
}
}
.item-name .name {
color: $dark_mode_text_primary;
.item-name {
.name {
color: $dark_mode_text_primary;
}
.item-size,
.item-length {
color: $dark_mode_text_secondary;
}
}
}
}

20
resources/js/components/FilesView/FileItemList.vue
View File

@@ -422,14 +422,26 @@
.file-wrapper {
.icon-item .file-icon {
.icon-item {
.file-icon {
path {
fill: $dark_mode_foreground;
stroke: #2F3C54;
path {
fill: $dark_mode_foreground;
stroke: #2F3C54;
}
}
.folder-icon {
&.is-deleted {
path {
fill: lighten($dark_mode_foreground, 5%);
}
}
}
}
.file-item {
&:hover,