517 vue3 media icons fix (#518)

CodeForPoznan · May 31, 2023 · f618827 · f618827
1 parent fa0574e
commit f618827
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/frontend/.eslintrc.json b/frontend/.eslintrc.json
@@ -14,7 +14,7 @@
     "prettier/prettier": "error",
     "no-unused-vars": ["warn", { "argsIgnorePattern": "^_" }],
     "no-multi-spaces": ["error", { "ignoreEOLComments": false }],
-    "import/no-extraneous-dependencies": ["error"],
+    "import/no-extraneous-dependencies": ["error", {"devDependencies": true}],
     "eol-last": ["error", "always"],
     "no-multiple-empty-lines": [
       "error",

diff --git a/frontend/src/components/HomePage/SocialMedia/SocialMedia.vue b/frontend/src/components/HomePage/SocialMedia/SocialMedia.vue
@@ -55,6 +55,9 @@ h2 {
   width: 50px;
   height: 50px;
   border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 ul.media-info {
   display: flex;

diff --git a/frontend/src/plugins/vuetify.js b/frontend/src/plugins/vuetify.js
@@ -4,6 +4,10 @@ import 'vuetify/styles'
 import * as components from 'vuetify/components';
 // eslint-disable-next-line
 import * as directives from 'vuetify/directives';
+// eslint-disable-next-line
+import { aliases, fa } from 'vuetify/iconsets/fa';
+// eslint-disable-next-line
+import { mdi } from 'vuetify/iconsets/mdi';
 
 import '@mdi/font/css/materialdesignicons.css';
 import { createVuetify } from 'vuetify';
@@ -12,7 +16,12 @@ const vuetify = createVuetify({
   components,
   directives,
   icons: {
-    iconfont: 'mdi',
+    defaultSet: 'fa',
+    aliases,
+    sets: {
+      fa,
+      mdi,
+    },
   },
   ssr: true,
 });