@necrolab/dashboard 0.5.26 → 0.5.28

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 (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/Editors/ProxyFileEditor.vue +7 -9
  3. package/src/components/Tasks/Task.vue +4 -1
  4. package/src/composables/useDynamicTableHeight.js +4 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@necrolab/dashboard",
3
- "version": "0.5.26",
3
+ "version": "0.5.28",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "build": "rm -rf dist && vite build && npx workbox-cli generateSW workbox-config.cjs",
package/src/components/Editors/ProxyFileEditor.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="proxy-editor-section" :class="{ 'landscape-hidden': isHidden }" v-if="!isHidden">
3
3
  <h5 class="text-white text-xl font-bold flex gap-x-3 mb-3">Proxy Editor</h5>
4
- <div class="flex items-center gap-2 w-full mb-1">
4
+ <div class="flex items-center gap-2 w-full">
5
5
  <div class="flex-1 lg:flex-initial lg:w-64 flex dropdown-container z-dropdown">
6
6
  <div class="relative flex-grow">
7
7
  <Dropdown
@@ -50,14 +50,12 @@
50
50
  </div>
51
51
  <transition name="fade">
52
52
  <div v-if="isProxyEditorVisible" class="relative my-3">
53
- <div class="pb-4">
54
- <div class="proxy-editor-container">
55
- <textarea
56
- :value="proxyContent"
57
- @input="$emit('update:proxyContent', $event.target.value)"
58
- class="proxy-editor"
59
- spellcheck="false"></textarea>
60
- </div>
53
+ <div class="proxy-editor-container">
54
+ <textarea
55
+ :value="proxyContent"
56
+ @input="$emit('update:proxyContent', $event.target.value)"
57
+ class="proxy-editor"
58
+ spellcheck="false"></textarea>
61
59
  </div>
62
60
  </div>
63
61
  </transition>
package/src/components/Tasks/Task.vue CHANGED
@@ -73,7 +73,10 @@
73
73
  </svg>
74
74
  <span>{{ props.task.eventId || props.task.email }}</span>
75
75
  </div>
76
- <EventDetailRow v-if="!props.task.eventId" :content="props.task.email" truncate>
76
+ <EventDetailRow
77
+ v-if="!props.task.eventId || (props.task.eventName && props.task.eventName != props.task.email)"
78
+ :content="props.task.email"
79
+ truncate>
77
80
  <template #icon>
78
81
  <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
79
82
  <polyline points="22,6 12,13 2,6"></polyline>
package/src/composables/useDynamicTableHeight.js CHANGED
@@ -15,9 +15,11 @@ export function useDynamicTableHeight(options = {}) {
15
15
  // Detect PWA mode and small screens
16
16
  const isPWA = window.matchMedia('(display-mode: standalone)').matches;
17
17
  const isMobile = windowWidth.value <= 768;
18
+ const isIPhonePortrait = windowWidth.value <= 480 && windowHeight.value > windowWidth.value;
18
19
 
19
- // Extra buffer for iPhone PWA to prevent overflow
20
- const extraBuffer = isPWA && isMobile ? 60 : 0;
20
+ // Extra buffer for mobile PWA to prevent overflow
21
+ // iPhone portrait gets a smaller reserve to use more vertical space
22
+ const extraBuffer = isPWA && isMobile ? (isIPhonePortrait ? 24 : 40) : 0;
21
23
 
22
24
  const availableHeight = windowHeight.value - topReservedSpace - bottomBuffer - extraBuffer;
23
25
  const minHeight = minRowsToShow * rowHeight;