github
/
filebrowser
mirror of https://github.com/filebrowser/filebrowser
1
0
Fork 0
Code Issues Releases Wiki Activity

fix: adjust quota css

pull/3756/head
Laurynas Gadliauskas 2021-07-15 11:16:18 +03:00
parent 83c6bbc9c5
commit ea2ef9a03b
4 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/Quota.vue
View File

@ -2,8 +2,8 @@
<div id="quota"> <div id="quota">
<div> <div>
<div class="label"> <div class="label">
<span>{{ $t("sidebar.quota.space") }}</span> <div>{{ $t("sidebar.quota.space") }}</div>
<span v-if="loaded" class="metric">{{ spaceUsageTitle }}</span> <div v-if="loaded" class="metric">{{ spaceUsageTitle }}</div>
</div> </div>
<div class="bar" :title="spaceProgress + '%'"> <div class="bar" :title="spaceProgress + '%'">
<div class="progress" :style="{ width: spaceProgress + '%' }"></div> <div class="progress" :style="{ width: spaceProgress + '%' }"></div>
@ -11,8 +11,8 @@
</div> </div>
<div> <div>
<div class="label"> <div class="label">
<span>{{ $t("sidebar.quota.inodes") }}</span> <div>{{ $t("sidebar.quota.inodes") }}</div>
<span v-if="loaded" class="metric">{{ inodeUsageTitle }}</span> <div v-if="loaded" class="metric">{{ inodeUsageTitle }}</div>
</div> </div>
<div class="bar" :title="inodeProgress + '%'"> <div class="bar" :title="inodeProgress + '%'">
<div class="progress" :style="{ width: inodeProgress + '%' }"></div> <div class="progress" :style="{ width: inodeProgress + '%' }"></div>

5
frontend/src/components/files/ContextMenu.vue
View File

@ -111,7 +111,10 @@ export default {
copy: this.selectedCount > 0 && this.user.perm.create, copy: this.selectedCount > 0 && this.user.perm.create,
permissions: this.selectedCount === 1 && this.user.perm.modify, permissions: this.selectedCount === 1 && this.user.perm.modify,
archive: this.selectedCount > 0 && this.user.perm.create, archive: this.selectedCount > 0 && this.user.perm.create,
unarchive: this.selectedCount === 1 && this.onlyArchivesSelected && this.user.perm.create, unarchive:
this.selectedCount === 1 &&
this.onlyArchivesSelected &&
this.user.perm.create,
}; };
}, },
}, },

6
frontend/src/css/base.css
View File

@ -150,15 +150,17 @@ main {
} }
#quota > div + div { #quota > div + div {
margin-top: .5em; margin-top: .8em;
} }
#quota .label { #quota .label {
color: #546E7A; color: #546E7A;
font-weight: 500;
} }
#quota .label .metric { #quota .label .metric {
float: right; font-weight: 100;
margin: .2em 0
} }
#quota .bar { #quota .bar {

5
frontend/src/views/files/Listing.vue
View File

@ -395,7 +395,10 @@ export default {
copy: this.selectedCount > 0 && this.user.perm.create, copy: this.selectedCount > 0 && this.user.perm.create,
permissions: this.selectedCount === 1 && this.user.perm.modify, permissions: this.selectedCount === 1 && this.user.perm.modify,
archive: this.selectedCount > 0 && this.user.perm.create, archive: this.selectedCount > 0 && this.user.perm.create,
unarchive: this.selectedCount === 1 && this.onlyArchivesSelected && this.user.perm.create, unarchive:
this.selectedCount === 1 &&
this.onlyArchivesSelected &&
this.user.perm.create,
}; };
}, },
isMobile() { isMobile() {