feat: v-card-info

client/components/admin/admin-mail.vue

@@ -97,8 +97,9 @@
                 v-form
                   v-toolbar(color='primary', dark, dense, flat)
                     v-toolbar-title.subtitle-1 {{ $t('admin:mail.dkim') }}
+                  v-card-info
+                    span {{ $t('admin:mail.dkimHint') }}
                   .pa-4
-                    .body-2.grey--text.text--darken-2 {{ $t('admin:mail.dkimHint') }}
                     v-switch(
                       v-model='config.useDKIM'
                       :label='$t(`admin:mail.dkimUse`)'

client/components/admin/admin-security.vue

@@ -17,8 +17,9 @@
               v-card.animated.fadeInUp
                 v-toolbar(color='red darken-2', dark, dense, flat)
                   v-toolbar-title.subtitle-1 Security
+                v-card-info(color='red')
+                  span Make sure to understand the implications before turning on / off a security feature.
                 v-card-text
-                  v-alert(outlined, color='red darken-2', icon='mdi-information-outline').body-2 Make sure to understand the implications before turning on / off a security feature.
                   v-switch.mt-3(
                     inset
                     label='Block IFrame Embedding'
@@ -106,8 +107,10 @@
               v-card.animated.fadeInUp.wait-p2s
                 v-toolbar(color='primary', dark, dense, flat)
                   v-toolbar-title.subtitle-1 {{ $t('admin:security.uploads') }}
+                v-card-info(color='blue')
+                  span {{$t('admin:security.uploadsInfo')}}
                 v-card-text
-                  v-text-field(
+                  v-text-field.mt-3(
                     outlined
                     :label='$t(`admin:security.maxUploadSize`)'
                     required

client/components/admin/admin-utilities.vue

@@ -62,12 +62,12 @@ export default {
           i18nKey: 'cache',
           isAvailable: true
         },
-        {
-          key: 'UtilityGraphEndpoint',
-          icon: 'mdi-graphql',
-          i18nKey: 'graphEndpoint',
-          isAvailable: false
-        },
+        // {
+        //   key: 'UtilityGraphEndpoint',
+        //   icon: 'mdi-graphql',
+        //   i18nKey: 'graphEndpoint',
+        //   isAvailable: false
+        // },
         {
           key: 'UtilityImportv1',
           icon: 'mdi-database-import',