@necrolab/dashboard 0.4.32 → 0.4.33

package/package.json

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

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

@@ -111,7 +111,7 @@
                             :options="usStates"
                             :allowDefault="false"
                             rightAmount="right-2"
-                            :chosen="profile.state"
+                            :value="profile.state"
                         />
                     </div>
                     <div v-else :class="`input-default ${errors.includes('state') ? 'error' : ''}`">

package/src/components/Filter/Filter.vue

@@ -288,11 +288,23 @@ props.filterBuilder.onUpdate(() => {
 
 <style scoped>
 .filter-card {
-    @apply bg-dark-500 border border-dark-550 mb-1 shadow-sm relative;
+    @apply bg-dark-500 border-dark-550 relative;
+    border: 1px solid rgba(74, 74, 97, 0.3);
+    margin-bottom: 8px;
+    transition: all 0.15s ease-out;
 }
 
-.filter-card:not(:last-child) {
-    border-bottom: 2px solid #1B1C2B;
+.filter-card:hover:not(.expanded-filter) {
+    border-color: rgba(74, 74, 97, 0.6);
+    background-color: rgba(45, 47, 74, 0.8);
+}
+
+.expanded-filter:hover {
+    border-color: rgba(74, 74, 97, 0.8);
+}
+
+.filter-card + .filter-card {
+    border-top: 1px solid rgba(74, 74, 97, 0.2);
 }
 
 .filter-type-badge {

package/src/components/ui/controls/atomic/Dropdown.vue

@@ -30,7 +30,7 @@
 </template>
 
 <script setup>
-import { ref, computed } from "vue";
+import { ref, computed, watch } from "vue";
 import { DownIcon, CheckmarkIcon } from "@/components/icons";
 import { useUIStore } from "@/stores/ui";
 const ui = useUIStore();
@@ -47,6 +47,11 @@ const props = defineProps({
 });
 
 const currentValue = ref(props.value);
+
+// Watch for changes to the value prop and update currentValue
+watch(() => props.value, (newValue) => {
+    currentValue.value = newValue;
+});
 const id = Math.random();
 const opened = computed(() => ui.currentDropdown === id);
 

package/src/views/FilterBuilder.vue

@@ -356,7 +356,10 @@ const hasWildcardFilter = computed(() => {
 
 const addWildcardFilter = () => {
     if (!hasWildcardFilter.value) {
+        // Close any expanded filter first
+        filterBuilder.value.setExpandedFilter(null);
         filterBuilder.value.addFilter({ buyAny: true, eventId: filterBuilder.value.currentEventId });
+        filterBuilder.value.updateCss();
     }
 };
 
@@ -636,7 +639,8 @@ watch(renderSeats, async () => {
 
 /* Enhanced table and filter styling */
 .filters-container {
-    @apply space-y-1;
+    @apply space-y-0;
+    padding: 4px;
 }
 
 /* Dragging states for better UX */