@necrolab/dashboard 0.5.13 → 0.5.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/docs/plans/2026-02-08-tailwind-consolidation.md +330 -308
  2. package/package.json +1 -1
  3. package/src/assets/css/base/color-fallbacks.scss +10 -0
  4. package/src/assets/css/components/headers.scss +127 -0
  5. package/src/assets/css/components/search-groups.scss +3 -0
  6. package/src/assets/css/main.scss +8 -0
  7. package/src/components/Table/Table.vue +60 -5
  8. package/src/components/Tasks/Utilities.vue +4 -2
  9. package/src/components/ui/InfoRow.vue +3 -1
  10. package/src/components/ui/Modal.vue +33 -25
  11. package/src/components/ui/controls/atomic/Dropdown.vue +56 -13
  12. package/src/components/ui/controls/atomic/MultiDropdown.vue +28 -2
  13. package/src/composables/useDropdownPosition.js +2 -2
  14. package/src/views/Accounts.vue +4 -7
  15. package/src/views/Console.vue +6 -4
  16. package/src/views/Editor.vue +6 -4
  17. package/src/views/FilterBuilder.vue +4 -4
  18. package/src/views/Profiles.vue +4 -7
  19. package/src/views/Tasks.vue +7 -7
package/src/views/FilterBuilder.vue CHANGED
@@ -1,10 +1,10 @@
1
1
  <template>
2
2
  <div class="filter-builder-container flex min-h-0 w-full flex-col overflow-hidden">
3
3
  <!-- Heading -->
4
- <div class="mt-3 flex items-center justify-between pb-1 pt-4">
5
- <div class="flex items-center justify-center gap-4">
6
- <FilterIcon class="smooth-hover cursor-pointer text-white" />
7
- <h4 class="text-base font-semibold text-light-300">Filter creator</h4>
4
+ <div class="page-header" style="margin-top: 0.75rem; padding-bottom: 0.25rem;">
5
+ <div class="page-header-card">
6
+ <FilterIcon />
7
+ <h4>Filter creator</h4>
8
8
  </div>
9
9
  <div class="unified-load-group flex items-center h-9">
10
10
  <input
package/src/views/Profiles.vue CHANGED
@@ -1,12 +1,9 @@
1
1
  <template>
2
2
  <div>
3
- <div class="flex items-center justify-between pt-5 pb-2">
4
- <div class="flex items-center justify-center gap-4">
5
- <GroupIcon class="cursor-pointer smooth-hover text-white" />
6
- <h4 class="text-base font-semibold text-light-300">
7
- Profiles
8
- <span class="text-sm font-medium text-light-400 pl-1">{{ ui.getSelectedProfiles().length }}</span>
9
- </h4>
3
+ <div class="page-header">
4
+ <div class="page-header-card">
5
+ <GroupIcon />
6
+ <h4>Profiles</h4>
10
7
  </div>
11
8
  <ul class="mobile-icons">
12
9
  <li>
package/src/views/Tasks.vue CHANGED
@@ -1,12 +1,12 @@
1
1
  <template>
2
2
  <div class="tasks-page">
3
- <div class="tasks-header flex items-center justify-between pb-2" style="padding-top: 1.5rem">
4
- <div class="flex items-center justify-center gap-4">
5
- <GearIcon class="smooth-hover w-5 cursor-pointer" @click="ui.toggleModal('quick-settings')" />
6
- <h4 class="text-base font-semibold text-light-300">
7
- Tasks
8
- <span class="pl-1 text-sm font-medium text-light-400">{{ taskCount }}</span>
9
- </h4>
3
+ <div class="page-header tasks-header">
4
+ <div class="page-header-card">
5
+ <div class="icon-button" @click="ui.toggleModal('quick-settings')">
6
+ <GearIcon />
7
+ </div>
8
+ <h4>Tasks</h4>
9
+ <span class="page-header-count">{{ taskCount }}</span>
10
10
  </div>
11
11
  <ul class="mobile-icons mobile-header-controls">
12
12
  <li>