StarMC/Astral-nook
StarMC/Astral-nook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make the file manager look better

Browse source
This commit is contained in:
Dane Everitt 2019-02-09 17:07:11 -08:00
parent ac13f5dce4
commit caca6cff8a
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
7 changed files with 33 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

15
resources/assets/scripts/components/server/subpages/FileManager.ts
View file

@ -115,7 +115,7 @@ export default Vue.component('file-manager', {
},
template: `
<div class="animate fadein">
<div class="animated-fade-in">
<div class="filemanager-breadcrumbs">
/<span class="px-1">home</span><!--
-->/<router-link :to="{ name: 'server-files' }" class="px-1">container</router-link><!--
@ -124,7 +124,7 @@ export default Vue.component('file-manager', {
/<router-link :to="{ name: 'server-files', params: { path: crumb.path } }" class="px-1">{{crumb.directoryName}}</router-link>
</span>
<span v-else>
/<span class="px-1 font-semibold">{{crumb.directoryName}}</span>
/<span class="px-1 text-neutral-600 font-medium">{{crumb.directoryName}}</span>
</span>
</span>
</div>
@ -138,7 +138,7 @@ export default Vue.component('file-manager', {
<div v-else-if="!directories.length && !files.length">
<p class="text-neutral-500 text-sm text-center p-6 pb-4">This directory is empty.</p>
</div>
<div class="filemanager" v-else>
<div class="filemanager animated-fade-in" v-else>
<div class="header">
<div class="flex-none w-8"></div>
<div class="flex-1">Name</div>
@ -154,6 +154,15 @@ export default Vue.component('file-manager', {
</div>
</div>
</div>
<div class="flex mt-6" v-if="!loading && !errorMessage">
<div class="flex-1"></div>
<div class="mr-4">
<a href="#" class="block btn btn-secondary btn-sm">New Folder</a>
</div>
<div>
<a href="#" class="block btn btn-primary btn-sm">New File</a>
</div>
</div>
</div>
`,
});