summaryrefslogtreecommitdiff
path: root/packages/frontend/src/pages/settings/drive-cleaner.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/frontend/src/pages/settings/drive-cleaner.vue')
-rw-r--r--packages/frontend/src/pages/settings/drive-cleaner.vue6
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/frontend/src/pages/settings/drive-cleaner.vue b/packages/frontend/src/pages/settings/drive-cleaner.vue
index 0b0b932f46..3f7db1b779 100644
--- a/packages/frontend/src/pages/settings/drive-cleaner.vue
+++ b/packages/frontend/src/pages/settings/drive-cleaner.vue
@@ -48,7 +48,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</template>
<script setup lang="ts">
-import { computed, ref, watch } from 'vue';
+import { computed, ref, watch, type StyleValue } from 'vue';
import tinycolor from 'tinycolor2';
import * as os from '@/os.js';
import { misskeyApi } from '@/scripts/misskey-api.js';
@@ -102,10 +102,10 @@ function fetchDriveInfo(): void {
});
}
-function genUsageBar(fsize: number): object {
+function genUsageBar(fsize: number): StyleValue {
return {
width: `${fsize / usage.value * 100}%`,
- background: tinycolor({ h: 180 - (fsize / usage.value * 180), s: 0.7, l: 0.5 }),
+ background: tinycolor({ h: 180 - (fsize / usage.value * 180), s: 0.7, l: 0.5 }).toHslString(),
};
}