added svg wrapper

nextmcloud · Jan 15, 2025 · f70f543 · f70f543
1 parent 7dd9cba
commit f70f543
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 1 deletion.
diff --git a/css/apps/apps.scss b/css/apps/apps.scss
@@ -34,4 +34,27 @@
 		margin: 73px 0 0;
 		width: 100%;
 	}
+
+	.app-navigation {
+
+		.storage-quota {
+
+			&__title {
+
+				.icon-vue {
+					height: 30px;
+					width: 30px;
+					min-height: 30px;
+					min-width: 30px;
+
+					svg {
+						height: 30px;
+						width: 30px;
+						max-height: 30px;
+						max-width: 30px;
+					}
+				}
+			}
+		}
+	}
 }
diff --git a/src/components/StorageQuota.vue b/src/components/StorageQuota.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="storage-quota">
 		<div class="storage-quota__title" @click.stop.prevent="debounceUpdateStorageStats">
-			<img class="" src="../../img/app-logo.svg" alt="">
+			<NcIconSvgWrapper :svg="currentImage" size="30" />
 			<!-- eslint-disable-next-line vue/no-v-html -->
 			<p v-html="storageStatsTitle" />
 		</div>
@@ -27,10 +27,13 @@ import { generateUrl } from '@nextcloud/router'
 import ProgressBar from './ProgressBar.vue'
 import axios from '@nextcloud/axios'
 import { translate, getCanonicalLocale } from '@nextcloud/l10n'
+import { NcIconSvgWrapper } from '@nextcloud/vue'
+import cloudSvg from '../../img/app-logo.svg'
 
 export default {
 	components: {
 		ProgressBar,
+		NcIconSvgWrapper,
 	},
 	data() {
 		return {
@@ -59,6 +62,9 @@ export default {
 		memoryUsage() {
 			return parseFloat((this.storageStats?.used / this.storageStats?.quota) * 100).toFixed(2).toLocaleString(getCanonicalLocale())
 		},
+		currentImage() {
+			return cloudSvg
+		},
 	},
 	beforeMount() {
 		this.loadStorageStats()