github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-07 04:45:26 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add Directus version to settings nav

Browse Source
This commit is contained in:
Ben Haynes
2020-08-17 11:52:41 -04:00
parent beae7c2658
commit 8450c4906f
1 changed files with 33 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/src/modules/settings/components/navigation/navigation.vue
View File

@@ -15,12 +15,21 @@
<v-list-item-title>{{ item.name }}</v-list-item-title>
</v-list-item-content>
</v-list-item>
<v-list-item href="https://github.com/directus/directus/releases" class="version">
<v-list-item-icon><v-icon name="directus" /></v-list-item-icon>
<v-list-item-content>
<v-list-item-title class="version">Directus {{ version }}</v-list-item-title>
</v-list-item-content>
</v-list-item>
</v-list>
</template>
<script lang="ts">
import { defineComponent, toRefs } from '@vue/composition-api';
import { i18n } from '@/lang';
import { version } from '../../../../../package.json';
export default defineComponent({
setup() {
@@ -65,7 +74,30 @@ export default defineComponent({
},
];
return { navItems, externalItems };
return { version, navItems, externalItems };
},
});
</script>
<style lang="scss" scoped>
.version {
.v-icon {
color: var(--foreground-subdued);
transition: color var(--fast) var(--transition);
}
::v-deep .type-text {
color: var(--foreground-subdued);
transition: color var(--fast) var(--transition);
}
&:hover {
.v-icon {
color: var(--foreground-normal);
}
::v-deep .type-text {
color: var(--foreground-normal);
}
}
}
</style>