test: callback feedback modal

assets/main.css

@@ -1,6 +1,5 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
 
 /*
 darkTheme
@@ -88,4 +87,7 @@ body {
   100% {
     transform: translateY(0);
   }
-}
+}
+
+/* Ensure this is always at the bottom – @see https://tailwindcss.com/docs/content-configuration#working-with-third-party-libraries */
+@tailwind utilities;

components/UserProfile/CallbackFeedback.vue

@@ -22,7 +22,7 @@ const installKeyStore = useInstallKeyStore();
 
 const { updating, updateSuccess } = storeToRefs(accountStore);
 const { callbackLoading } = storeToRefs(callbackActionsStore);
-const { keyUrl, keyType, installing, installType, success } = storeToRefs(installKeyStore);
+const { keyUrl, keyType, installing, success } = storeToRefs(installKeyStore);
 
 const heading = computed(() => callbackLoading.value ? 'Performing actions' : 'Finished performing actions');
 const subheading = computed(() => callbackLoading.value ? 'Please keep this window open' : '');

store/installKey.ts

@@ -15,7 +15,6 @@ export const useInstallKeyStore = defineStore('installKey', () => {
   //	"https://keys.lime-technology.com/unraid/c9785e151ae3b0f056238e403809fd28b82eb4ad/Plus.key"
   const keyUrl = ref<string>('');
   const installing = ref<boolean | undefined>();
-  const installType = ref<string>('');
   const success = ref<boolean | undefined>();
 
   const keyType = computed((): string | undefined => {
@@ -27,7 +26,6 @@ export const useInstallKeyStore = defineStore('installKey', () => {
   const install = async (action: CallbackAction) => {
     console.debug('[install]');
     installing.value = true;
-    installType.value = action.type;
     keyUrl.value = action.keyUrl ?? '';
 
     if (!keyUrl.value) return console.error('[install] no key to install');
@@ -61,7 +59,6 @@ export const useInstallKeyStore = defineStore('installKey', () => {
     // State
     keyUrl,
     installing,
-    installType,
     success,
     // getters
     keyType,

tailwind.config.ts

@@ -2,6 +2,17 @@ import type { Config } from 'tailwindcss'
 import defaultTheme from 'tailwindcss/defaultTheme'
 
 export default <Partial<Config>>{
+  safelist: [
+    'DropdownWrapper_blip',
+    'BrandLoading_1',
+    'BrandLoading_2',
+    'BrandLoading_3',
+    'BrandLoading_4',
+    'BrandLoading_6',
+    'BrandLoading_7',
+    'BrandLoading_8',
+    'BrandLoading_9',
+  ],
   theme: {
     extend: {
       colors: {