ayanova/devdocs/todo.txt

@@ -31,6 +31,8 @@ todo: chrome "Lighthouse" test against devops and implement recommendations
 ### SMALL QUICK ITEMS #####
 todo: change logos from png to webp
 	check if webp is supported e2e and on report
+todo: login page seems to fetch both logos even though only one is visible
+	maybe there is a v-show instead of a v-if or something?
 
 todo: known issues has some efficiency settings for themes and good stuff to know, check it: https://github.com/vuetifyjs/vuetify/releases/tag/v2.3.0#user-content-known-issues
 todo: new logos too small on large login, add a 3rd (large) size of logo to login form for xl size display

ayanova/src/plugins/vuetify.js

@@ -138,6 +138,7 @@ import {
   faTags,
   faThList,
   faTicketAlt,
+  faTimesCircle,
   faToolbox,
   faTools,
   faTrashAlt,
@@ -278,6 +279,7 @@ library.add(
   faTags,
   faThList,
   faTicketAlt,
+  faTimesCircle,
   faToolbox,
   faTools,
   faTrashAlt,
@@ -911,31 +913,31 @@ const CUSTOM_ICONS = {
   ayiSort: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["far", "sort"]
+      icon: ["fas", "sort"]
     }
   },
   ayiSortAmountDown: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["far", "sort-amount-down"]
+      icon: ["fas", "sort-amount-down"]
     }
   },
   ayiSortAmountUp: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["far", "sort-amount-up"]
+      icon: ["fas", "sort-amount-up"]
     }
   },
   ayiSplotch: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["far", "splotch"]
+      icon: ["fas", "splotch"]
     }
   },
   ayiStamp: {
     component: FontAwesomeIcon,
     props: {
-      icon: ["far", "stamp"]
+      icon: ["fas", "stamp"]
     }
   },
   ayiSquare: {
@@ -1084,6 +1086,12 @@ const CUSTOM_ICONS = {
   },
   //VUETIFY REQUIRED ONES
   //https://vuetifyjs.com/en/features/icons/#using-custom-icons
+  clear: {
+    component: FontAwesomeIcon,
+    props: {
+      icon: ["fas", "times-circle"]
+    }
+  },
   dropdown: {
     component: FontAwesomeIcon,
     props: {