From 9384ce14d53ce832fa8207abde85cfd6544bfa16 Mon Sep 17 00:00:00 2001 From: NGPixel Date: Sun, 9 Feb 2020 22:55:53 -0500 Subject: [PATCH] fix: square nav icons --- client/components/admin.vue | 50 +++++++++---------- .../themes/default/components/nav-sidebar.vue | 2 +- 2 files changed, 26 insertions(+), 26 deletions(-) diff --git a/client/components/admin.vue b/client/components/admin.vue index b31f935f..fbb09d90 100644 --- a/client/components/admin.vue +++ b/client/components/admin.vue @@ -9,46 +9,46 @@ vue-scroll(:ops='scrollStyle') v-list(dense, nav) v-list-item(to='/dashboard', color='primary') - v-list-item-avatar(size='24'): v-icon mdi-view-dashboard-variant + v-list-item-avatar(size='24', tile): v-icon mdi-view-dashboard-variant v-list-item-title {{ $t('admin:dashboard.title') }} template(v-if='hasPermission([`manage:system`, `manage:navigation`, `write:pages`, `manage:pages`, `delete:pages`])') v-divider.my-2 v-subheader.pl-4 {{ $t('admin:nav.site') }} v-list-item(to='/general', color='primary', v-if='hasPermission(`manage:system`)') - v-list-item-avatar(size='24'): v-icon mdi-widgets + v-list-item-avatar(size='24', tile): v-icon mdi-widgets v-list-item-title {{ $t('admin:general.title') }} v-list-item(to='/locale', color='primary', v-if='hasPermission(`manage:system`)') - v-list-item-avatar(size='24'): v-icon mdi-web + v-list-item-avatar(size='24', tile): v-icon mdi-web v-list-item-title {{ $t('admin:locale.title') }} v-list-item(to='/navigation', color='primary', v-if='hasPermission([`manage:system`, `manage:navigation`])') - v-list-item-avatar(size='24'): v-icon mdi-near-me + v-list-item-avatar(size='24', tile): v-icon mdi-near-me v-list-item-title {{ $t('admin:navigation.title') }} v-list-item(to='/pages', color='primary', v-if='hasPermission([`manage:system`, `write:pages`, `manage:pages`, `delete:pages`])') - v-list-item-avatar(size='24'): v-icon mdi-file-document-outline + v-list-item-avatar(size='24', tile): v-icon mdi-file-document-outline v-list-item-title {{ $t('admin:pages.title') }} v-list-item-action(style='min-width:auto;') v-chip(x-small, :color='darkMode ? `grey darken-3-d4` : `grey lighten-5`') .caption.grey--text {{ info.pagesTotal }} v-list-item(to='/tags', v-if='hasPermission([`manage:system`])') - v-list-item-avatar(size='24'): v-icon mdi-tag-multiple + v-list-item-avatar(size='24', tile): v-icon mdi-tag-multiple v-list-item-title {{ $t('admin:tags.title') }} v-list-item-action(style='min-width:auto;') v-chip(x-small, :color='darkMode ? `grey darken-3-d4` : `grey lighten-5`') .caption.grey--text {{ info.tagsTotal }} v-list-item(to='/theme', color='primary', v-if='hasPermission([`manage:system`, `manage:theme`])') - v-list-item-avatar(size='24'): v-icon mdi-palette-outline + v-list-item-avatar(size='24', tile): v-icon mdi-palette-outline v-list-item-title {{ $t('admin:theme.title') }} template(v-if='hasPermission([`manage:system`, `manage:groups`, `write:groups`, `manage:users`, `write:users`])') v-divider.my-2 v-subheader.pl-4 {{ $t('admin:nav.users') }} v-list-item(to='/groups', color='primary', v-if='hasPermission([`manage:system`, `manage:groups`, `write:groups`])') - v-list-item-avatar(size='24'): v-icon mdi-account-group + v-list-item-avatar(size='24', tile): v-icon mdi-account-group v-list-item-title {{ $t('admin:groups.title') }} v-list-item-action(style='min-width:auto;') v-chip(x-small, :color='darkMode ? `grey darken-3-d4` : `grey lighten-4`') .caption.grey--text {{ info.groupsTotal }} v-list-item(to='/users', color='primary', v-if='hasPermission([`manage:system`, `manage:groups`, `write:groups`, `manage:users`, `write:users`])') - v-list-item-avatar(size='24'): v-icon mdi-account-box + v-list-item-avatar(size='24', tile): v-icon mdi-account-box v-list-item-title {{ $t('admin:users.title') }} v-list-item-action(style='min-width:auto;') v-chip(x-small, :color='darkMode ? `grey darken-3-d4` : `grey lighten-4`') @@ -57,49 +57,49 @@ v-divider.my-2 v-subheader.pl-4 {{ $t('admin:nav.modules') }} v-list-item(to='/analytics', color='primary') - v-list-item-avatar(size='24'): v-icon mdi-chart-timeline-variant + v-list-item-avatar(size='24', tile): v-icon mdi-chart-timeline-variant v-list-item-title {{ $t('admin:analytics.title') }} v-list-item(to='/auth', color='primary') - v-list-item-avatar(size='24'): v-icon mdi-lock-outline + v-list-item-avatar(size='24', tile): v-icon mdi-lock-outline v-list-item-title {{ $t('admin:auth.title') }} v-list-item(to='/comments', disabled) - v-list-item-avatar(size='24'): v-icon(color='grey lighten-2') mdi-comment-text-outline + v-list-item-avatar(size='24', tile): v-icon(color='grey lighten-2') mdi-comment-text-outline v-list-item-title {{ $t('admin:comments.title') }} v-list-item(to='/editor', disabled) - v-list-item-avatar(size='24'): v-icon(color='grey lighten-2') mdi-playlist-edit + v-list-item-avatar(size='24', tile): v-icon(color='grey lighten-2') mdi-playlist-edit v-list-item-title {{ $t('admin:editor.title') }} v-list-item(to='/logging', disabled) - v-list-item-avatar(size='24'): v-icon(color='grey lighten-2') mdi-script-text-outline + v-list-item-avatar(size='24', tile): v-icon(color='grey lighten-2') mdi-script-text-outline v-list-item-title {{ $t('admin:logging.title') }} v-list-item(to='/rendering', color='primary') - v-list-item-avatar(size='24'): v-icon mdi-cogs + v-list-item-avatar(size='24', tile): v-icon mdi-cogs v-list-item-title {{ $t('admin:rendering.title') }} v-list-item(to='/search', color='primary') - v-list-item-avatar(size='24'): v-icon mdi-cloud-search-outline + v-list-item-avatar(size='24', tile): v-icon mdi-cloud-search-outline v-list-item-title {{ $t('admin:search.title') }} v-list-item(to='/storage', color='primary') - v-list-item-avatar(size='24'): v-icon mdi-harddisk + v-list-item-avatar(size='24', tile): v-icon mdi-harddisk v-list-item-title {{ $t('admin:storage.title') }} template(v-if='hasPermission([`manage:system`, `manage:api`])') v-divider.my-2 v-subheader.pl-4 {{ $t('admin:nav.system') }} v-list-item(to='/api', v-if='hasPermission([`manage:system`, `manage:api`])', disabled) - v-list-item-avatar(size='24'): v-icon(color='grey lighten-2') mdi-call-split + v-list-item-avatar(size='24', tile): v-icon(color='grey lighten-2') mdi-call-split v-list-item-title {{ $t('admin:api.title') }} v-list-item(to='/mail', color='primary', v-if='hasPermission(`manage:system`)') - v-list-item-avatar(size='24'): v-icon mdi-email-multiple-outline + v-list-item-avatar(size='24', tile): v-icon mdi-email-multiple-outline v-list-item-title {{ $t('admin:mail.title') }} v-list-item(to='/ssl', v-if='hasPermission(`manage:system`)') - v-list-item-avatar(size='24'): v-icon mdi-cloud-lock-outline + v-list-item-avatar(size='24', tile): v-icon mdi-cloud-lock-outline v-list-item-title {{ $t('admin:ssl.title') }} v-list-item(to='/system', color='primary', v-if='hasPermission(`manage:system`)') - v-list-item-avatar(size='24'): v-icon mdi-tune + v-list-item-avatar(size='24', tile): v-icon mdi-tune v-list-item-title {{ $t('admin:system.title') }} v-list-item(to='/utilities', color='primary', v-if='hasPermission(`manage:system`)') - v-list-item-avatar(size='24'): v-icon mdi-wrench-outline + v-list-item-avatar(size='24', tile): v-icon mdi-wrench-outline v-list-item-title {{ $t('admin:utilities.title') }} v-list-item(to='/webhooks', v-if='hasPermission(`manage:system`)', disabled) - v-list-item-avatar(size='24'): v-icon(color='grey lighten-2') mdi-webhook + v-list-item-avatar(size='24', tile): v-icon(color='grey lighten-2') mdi-webhook v-list-item-title {{ $t('admin:webhooks.title') }} v-list-group( to='/dev' @@ -107,7 +107,7 @@ v-if='hasPermission([`manage:system`, `manage:api`])' ) v-list-item(slot='activator') - v-list-item-avatar(size='24'): v-icon mdi-dev-to + v-list-item-avatar(size='24', tile): v-icon mdi-dev-to v-list-item-title {{ $t('admin:dev.title') }} v-list-item(to='/dev-flags', color='primary') @@ -120,7 +120,7 @@ //- v-list-item-title {{ $t('admin:dev.voyager.title') }} v-divider.my-2 v-list-item(to='/contribute', color='primary') - v-list-item-avatar(size='24'): v-icon mdi-heart-outline + v-list-item-avatar(size='24', tile): v-icon mdi-heart-outline v-list-item-title {{ $t('admin:contribute.title') }} v-content(:class='darkMode ? "grey darken-4" : ""') diff --git a/client/themes/default/components/nav-sidebar.vue b/client/themes/default/components/nav-sidebar.vue index 23945c83..1b287cb1 100644 --- a/client/themes/default/components/nav-sidebar.vue +++ b/client/themes/default/components/nav-sidebar.vue @@ -13,7 +13,7 @@ v-if='item.kind === `link`' :href='item.target' ) - v-list-item-avatar(size='24') + v-list-item-avatar(size='24', tile) v-icon {{ item.icon }} v-list-item-title {{ item.label }} v-divider.my-2(v-else-if='item.kind === `divider`')