diff --git a/change/@acedatacloud-nexior-93500e09-0308-4814-a0d7-146384869683.json b/change/@acedatacloud-nexior-93500e09-0308-4814-a0d7-146384869683.json new file mode 100644 index 00000000..74067548 --- /dev/null +++ b/change/@acedatacloud-nexior-93500e09-0308-4814-a0d7-146384869683.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "update translation files", + "packageName": "@acedatacloud/nexior", + "email": "office@acedata.cloud", + "dependentChangeType": "patch" +} diff --git a/src/components/midjourney/tasks/TaskItem.vue b/src/components/midjourney/tasks/TaskItem.vue index 4d5212c0..408ff3de 100644 --- a/src/components/midjourney/tasks/TaskItem.vue +++ b/src/components/midjourney/tasks/TaskItem.vue @@ -50,15 +50,24 @@
- +
+ + + {{ $t('common.button.seeRawImage') }} + +
- -

- - {{ $t('midjourney.field.taskId') }}: - {{ modelValue?.id }} - -

-

- - {{ $t('midjourney.field.imageId') }}: - {{ modelValue?.response?.image_id }} - -

-
+ +

+ + {{ $t('midjourney.field.taskId') }}: + {{ modelValue?.id }} + +

+

+ + {{ $t('midjourney.field.imageId') }}: + {{ modelValue?.response?.image_id }} + +

+
@@ -237,6 +246,9 @@ export default defineComponent({ image_id: this.modelValue?.response?.image_id }); }, + onOpenUrl(url: string) { + window.open(url, '_blank'); + }, onDownload(url: string) { // download image using javascript const link = document.createElement('a'); @@ -333,23 +345,30 @@ $left-width: 70px; min-height: 200px; } } - &.failed { + .image-wrapper { + position: relative; + width: fit-content; + min-height: 50px; + min-width: 100px; .image { - .image-slot { - font-size: 16px; - padding: 20px; - } + max-height: 400px; + max-width: 300px; } - } - .image { - height: 350px; - .image-slot { - display: flex; - justify-content: left; - width: 100%; - height: 100%; - background: var(--el-fill-color-light); - color: var(--el-text-color-regular); + .btn-raw { + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + z-index: 1000; + display: none; + } + &:hover { + .image { + filter: brightness(0.6); + } + .btn-raw { + display: block; + } } } .progress { diff --git a/src/components/qrart/ConfigPanel.vue b/src/components/qrart/ConfigPanel.vue index 66a7d653..c0b67e97 100644 --- a/src/components/qrart/ConfigPanel.vue +++ b/src/components/qrart/ConfigPanel.vue @@ -2,15 +2,12 @@
- - - - + + - @@ -19,24 +16,15 @@
-
- - - {{ $t('qrart.button.generate') }} - -
diff --git a/src/components/qrart/OperationPanel.vue b/src/components/qrart/OperationPanel.vue new file mode 100644 index 00000000..62a5f38c --- /dev/null +++ b/src/components/qrart/OperationPanel.vue @@ -0,0 +1,77 @@ + + + + + diff --git a/src/components/qrart/RecentPanel.vue b/src/components/qrart/RecentPanel.vue index 56e64f98..f565daeb 100644 --- a/src/components/qrart/RecentPanel.vue +++ b/src/components/qrart/RecentPanel.vue @@ -1,12 +1,6 @@