@necrolab/dashboard 0.4.36 → 0.4.38

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@necrolab/dashboard",
-    "version": "0.4.36",
+    "version": "0.4.38",
     "scripts": {
         "build": "rm -rf dist && vite build && npx workbox-cli generateSW workbox-config.js",
         "dev": "vite",

package/src/components/Editors/Account/AccountView.vue

@@ -41,7 +41,7 @@
                     <div class="task" :key="i[props.item._id]">
                         <Account
                             @click="i[props.item._id]++"
-                            :class="[props.item.index % 2 == 1 ? 'bg-dark-500' : 'bg-dark-550']"
+                            :style="{ backgroundColor: props.item.index % 2 == 1 ? '#35363c' : '#2e2f34' }"
                             :task="props.item"
                         />
                     </div>

package/src/components/Editors/Profile/ProfileView.vue

@@ -45,7 +45,7 @@
                     <div class="task" :key="i[props.item.index]">
                         <Profile
                             @click="i[props.item.index]++"
-                            :class="[props.item.index % 2 == 1 ? 'bg-dark-500' : 'bg-dark-550']"
+                            :style="{ backgroundColor: props.item.index % 2 == 1 ? '#1a1b1e' : '#242529' }"
                             :task="props.item"
                         />
                     </div>

package/src/components/Table/Header.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="border-b border-dark-600 w-full px-2 md:px-4 text-white text-xs py-4 grid items-center">
+    <div class="border-b border-dark-600 w-full px-2 md:px-4 text-white text-xs py-4 grid items-center" style="background-color: rgb(26 27 30);">
         <slot />
     </div>
 </template>

package/src/components/Table/Row.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="px-2 md:px-4 text-xs grid text-white py-4 items-center h-full bg-dark-400 even:bg-dark-350 hover:bg-dark-500 transition-colors">
+    <div class="px-2 md:px-4 text-xs grid text-white py-4 items-center h-full hover:bg-dark-500 transition-colors">
         <slot />
     </div>
 </template>

package/src/components/Tasks/TaskView.vue

@@ -47,10 +47,9 @@
             <div
                 v-for="(task, i) in getTasksInOrder()"
                 :key="task.taskId"
-                :class="[i % 2 == 1 ? 'task-row-odd' : 'task-row-even']"
                 class="task-row-container"
             >
-                <Task :task="task" />
+                <Task :task="task" :style="{ backgroundColor: i % 2 == 1 ? '#1a1b1e' : '#242529' }" />
             </div>
             <div v-if="getTasksInOrder().length === 0" class="flex justify-center py-8 empty-state">
                 <span v-if="ui.queueStats.total === 0"> No tasks yet</span>
@@ -82,13 +81,6 @@ h4 {
     }
 }
 
-.task-row-even {
-    @apply bg-dark-400;
-}
-
-.task-row-odd {
-    @apply bg-dark-500;
-}
 
 .empty-state {
     @apply bg-dark-400;

package/src/components/ui/Navbar.vue

@@ -119,8 +119,10 @@
 .navbar {
     @apply border-b py-5 fixed w-full;
     top: 0;
-    z-index: 1;
+    z-index: 1000;
+    background: rgba(26, 27, 30, 0.95);
     backdrop-filter: blur(23px);
+    -webkit-backdrop-filter: blur(23px);
     border-color: #3d3e44;
     
     ul {

package/src/stores/ui.js

@@ -516,8 +516,9 @@ export const useUIStore = defineStore("ui", () => {
         // Event
         currentEvent,
         setCurrentEvent: (event) => {
+            console.log(event);
             logger.Info("Setting current event", event);
-            currentEvent.value = event.match(/\s\((.*?)\)$/)[1];
+            currentEvent.value = event?.match(/\s\((.*?)\)$/)?.[1] || "";
             localStorage.setItem("current-event", currentEvent.value);
             refreshQueueStats();
         },