v1.5-beta.1

2026-04-26 02:20:39 +00:00 · 2020-05-19 09:52:04 +02:00
parent 8255597fd5
commit 67b9416f64
23 changed files with 190 additions and 171 deletions
@@ -1,89 +0,0 @@
-<template>
-    <div class="storage-size" v-if="app">
-        <div class="storage-info">
-            <span class="title">{{ $t('storage.title') }}</span>
-            <span class="size">{{ $t('storage.used', {used: app.storage.used, capacity: app.storage.capacity}) }}</span>
-        </div>
-        <ProgressBar :progress="app.storage.percentage" :class="{'is-exceeded': app.storage.percentage > 100}"/>
-    </div>
-</template>
-
-<script>
-    import ProgressBar from '@/components/FilesView/ProgressBar'
-    import { mapGetters } from 'vuex'
-
-    export default {
-        name: 'StorageSize',
-        components: {
-            ProgressBar,
-        },
-        computed: {
-            ...mapGetters(['app']),
-        },
-    }
-</script>
-
-<style scoped lang="scss">
-    @import '@assets/vue-file-manager/_variables';
-    @import '@assets/vue-file-manager/_mixins';
-
-    .storage-size {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        margin: 15px;
-        border-radius: 8px;
-
-        .storage-info {
-            display: flex;
-            flex-wrap: nowrap;
-            align-items: center;
-
-            span {
-                width: 100%;
-                white-space: nowrap;
-            }
-
-            .title {
-                @include font-size(14);
-                font-weight: 700;
-                color: $text;
-            }
-
-            .size {
-                @include font-size(12);
-                text-align: right;
-                color: $text-muted;
-            }
-        }
-    }
-
-    .progress-bar {
-
-        &.is-exceeded /deep/ span {
-            background: $danger;
-        }
-    }
-
-    @media only screen and (max-width: 690px) {
-
-        .storage-size {
-            position: relative;
-            margin-bottom: 0;
-
-            .size {
-                @include font-size(10);
-            }
-        }
-    }
-
-    @media (prefers-color-scheme: dark) {
-        .storage-size {
-
-            .storage-info .title {
-                color: $dark_mode_text_primary;
-            }
-        }
-    }
-</style>