@adminforth/bulk-ai-flow 1.21.6 → 1.21.8

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 (6) hide show
  1. package/build.log +2 -2
  2. package/custom/ImageCompare.vue +5 -16
  3. package/custom/ImageGenerationCarousel.vue +1 -1
  4. package/dist/custom/ImageCompare.vue +5 -16
  5. package/dist/custom/ImageGenerationCarousel.vue +1 -1
  6. package/package.json +1 -1
package/build.log CHANGED
@@ -13,5 +13,5 @@ custom/package-lock.json
13
13
  custom/package.json
14
14
  custom/tsconfig.json
15
15
 
16
- sent 96,822 bytes received 172 bytes 193,988.00 bytes/sec
17
- total size is 96,177 speedup is 0.99
16
+ sent 96,752 bytes received 172 bytes 193,848.00 bytes/sec
17
+ total size is 96,107 speedup is 0.99
package/custom/ImageCompare.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <!-- Popup Overlay -->
3
3
  <div class="fixed inset-0 z-40 flex items-center justify-center bg-black/50" @click.self="closePopup">
4
- <div class="image-compare-container max-w-4xl max-h-[90vh] overflow-y-auto rounded-lg">
4
+ <div class="image-compare-container shadow-sm p-4 border-white dark:border-black max-w-4xl max-h-[90vh] overflow-y-auto rounded-lg bg-white dark:bg-gray-800">
5
5
  <!-- Close Button -->
6
6
  <div class="flex justify-end mb-4">
7
7
  <button type="button"
@@ -14,8 +14,8 @@
14
14
  </button>
15
15
  </div>
16
16
  <div class="flex gap-4 items-start justify-between">
17
- <h3 class="text-sm font-medium text-gray-700 mb-2">{{ $t('Old Image') }}</h3>
18
- <h3 class="text-sm font-medium text-gray-700 mb-2">{{ $t('New Image') }}</h3>
17
+ <h3 class="text-sm font-medium text-gray-700 dark:text-white mb-2">{{ $t('Old Image') }}</h3>
18
+ <h3 class="text-sm font-medium text-gray-700 dark:text-white mb-2">{{ $t('New Image') }}</h3>
19
19
  </div>
20
20
  <div class="flex gap-4 items-center">
21
21
  <!-- Old Image -->
@@ -36,8 +36,8 @@
36
36
 
37
37
  <!-- Comparison Arrow -->
38
38
  <div class="flex items-center justify-center">
39
- <div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center">
40
- <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
39
+ <div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center dark:bg-gray-500">
40
+ <svg class="w-4 h-4 text-blue-600 dark:text-black" fill="none" stroke="currentColor" viewBox="0 0 24 24">
41
41
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
42
42
  </svg>
43
43
  </div>
@@ -176,20 +176,9 @@ html.dark .medium-zoom-overlay {
176
176
  body.medium-zoom--opened aside {
177
177
  filter: grayscale(1);
178
178
  }
179
- </style>
180
-
181
- <style scoped>
182
- .image-compare-container {
183
- padding: 1rem;
184
- background-color: white;
185
- box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
186
- border: 1px solid #e5e7eb;
187
- }
188
-
189
179
  .fade-enter-active, .fade-leave-active {
190
180
  transition: opacity 0.3s ease;
191
181
  }
192
-
193
182
  .fade-enter-from, .fade-leave-to {
194
183
  opacity: 0;
195
184
  }
package/custom/ImageGenerationCarousel.vue CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  <template>
3
3
  <!-- Main modal -->
4
- <div tabindex="-1" class="[scrollbar-gutter:stable] fixed inset-0 z-20 flex justify-center items-center bg-gray-800/50 dark:bg-gray-900/50 overflow-y-auto">
4
+ <div tabindex="-1" class="[scrollbar-gutter:stable] fixed inset-0 z-40 flex justify-center items-center bg-gray-800/50 dark:bg-gray-900/50 overflow-y-auto">
5
5
  <div class="relative p-4 w-full max-w-[1600px]">
6
6
  <!-- Modal content -->
7
7
  <div class="relative bg-white rounded-lg shadow-xl dark:bg-gray-700">
package/dist/custom/ImageCompare.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <!-- Popup Overlay -->
3
3
  <div class="fixed inset-0 z-40 flex items-center justify-center bg-black/50" @click.self="closePopup">
4
- <div class="image-compare-container max-w-4xl max-h-[90vh] overflow-y-auto rounded-lg">
4
+ <div class="image-compare-container shadow-sm p-4 border-white dark:border-black max-w-4xl max-h-[90vh] overflow-y-auto rounded-lg bg-white dark:bg-gray-800">
5
5
  <!-- Close Button -->
6
6
  <div class="flex justify-end mb-4">
7
7
  <button type="button"
@@ -14,8 +14,8 @@
14
14
  </button>
15
15
  </div>
16
16
  <div class="flex gap-4 items-start justify-between">
17
- <h3 class="text-sm font-medium text-gray-700 mb-2">{{ $t('Old Image') }}</h3>
18
- <h3 class="text-sm font-medium text-gray-700 mb-2">{{ $t('New Image') }}</h3>
17
+ <h3 class="text-sm font-medium text-gray-700 dark:text-white mb-2">{{ $t('Old Image') }}</h3>
18
+ <h3 class="text-sm font-medium text-gray-700 dark:text-white mb-2">{{ $t('New Image') }}</h3>
19
19
  </div>
20
20
  <div class="flex gap-4 items-center">
21
21
  <!-- Old Image -->
@@ -36,8 +36,8 @@
36
36
 
37
37
  <!-- Comparison Arrow -->
38
38
  <div class="flex items-center justify-center">
39
- <div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center">
40
- <svg class="w-4 h-4 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
39
+ <div class="w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center dark:bg-gray-500">
40
+ <svg class="w-4 h-4 text-blue-600 dark:text-black" fill="none" stroke="currentColor" viewBox="0 0 24 24">
41
41
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
42
42
  </svg>
43
43
  </div>
@@ -176,20 +176,9 @@ html.dark .medium-zoom-overlay {
176
176
  body.medium-zoom--opened aside {
177
177
  filter: grayscale(1);
178
178
  }
179
- </style>
180
-
181
- <style scoped>
182
- .image-compare-container {
183
- padding: 1rem;
184
- background-color: white;
185
- box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
186
- border: 1px solid #e5e7eb;
187
- }
188
-
189
179
  .fade-enter-active, .fade-leave-active {
190
180
  transition: opacity 0.3s ease;
191
181
  }
192
-
193
182
  .fade-enter-from, .fade-leave-to {
194
183
  opacity: 0;
195
184
  }
package/dist/custom/ImageGenerationCarousel.vue CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  <template>
3
3
  <!-- Main modal -->
4
- <div tabindex="-1" class="[scrollbar-gutter:stable] fixed inset-0 z-20 flex justify-center items-center bg-gray-800/50 dark:bg-gray-900/50 overflow-y-auto">
4
+ <div tabindex="-1" class="[scrollbar-gutter:stable] fixed inset-0 z-40 flex justify-center items-center bg-gray-800/50 dark:bg-gray-900/50 overflow-y-auto">
5
5
  <div class="relative p-4 w-full max-w-[1600px]">
6
6
  <!-- Modal content -->
7
7
  <div class="relative bg-white rounded-lg shadow-xl dark:bg-gray-700">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adminforth/bulk-ai-flow",
3
- "version": "1.21.6",
3
+ "version": "1.21.8",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },