fix: square nav icons

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" : ""')

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`')