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

Finish UI stuff for today

Browse source
This commit is contained in:
Dane Everitt 2019-02-03 17:45:22 -08:00
parent 89d29cf46b
commit 6c7a5d5bb9
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
6 changed files with 27 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

2
resources/assets/scripts/components/server/subpages/Console.ts
View file

@ -159,7 +159,7 @@ export default Vue.component('server-console', {
},
template: `
<div class="content-box animate fadein">
<div class="animate fadein shadow-md">
<div class="text-xs font-mono">
<div class="rounded-t p-2 bg-black overflow-scroll w-full" style="min-height: 16rem;max-height:64rem;">
<div class="mb-2 text-grey-light" ref="terminal" v-if="connected"></div>

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

@ -115,7 +115,7 @@ export default Vue.component('file-manager', {
},
template: `
<div class="content-box animate fadein">
<div class="animate fadein">
<div class="filemanager-breadcrumbs">
/<span class="px-1">home</span><!--
-->/<router-link :to="{ name: 'server-files' }" class="px-1">container</router-link><!--
@ -128,24 +128,24 @@ export default Vue.component('file-manager', {
</span>
</span>
</div>
<div v-if="loading">
<div class="spinner spinner-xl blue"></div>
</div>
<div v-else-if="!loading && errorMessage">
<div class="alert error" v-text="errorMessage"></div>
</div>
<div class="filemanager" v-else>
<div class="header">
<div class="flex-none w-8"></div>
<div class="flex-1">Name</div>
<div class="flex-1 text-right">Size</div>
<div class="flex-1 text-right">Modified</div>
<div class="flex-none w-1/6">Actions</div>
<div class="content-box">
<div v-if="loading">
<div class="spinner spinner-xl blue"></div>
</div>
<div v-if="!directories.length && !files.length">
<div v-else-if="!loading && errorMessage">
<div class="alert error" v-text="errorMessage"></div>
</div>
<div v-else-if="!directories.length && !files.length">
<p class="text-grey text-sm text-center p-6 pb-4">This directory is empty.</p>
</div>
<div v-else>
<div class="filemanager" v-else>
<div class="header">
<div class="flex-none w-8"></div>
<div class="flex-1">Name</div>
<div class="flex-1 text-right">Size</div>
<div class="flex-1 text-right">Modified</div>
<div class="flex-none w-1/6">Actions</div>
</div>
<div v-for="directory in directories">
<folder-row :directory="directory"/>
</div>