= {
+ needGenerateIdx: 'You need to click the button to generate an index for searching images. \n This process may take a few minutes to complete.',
+ search: 'Search',
+ 'UpdateIndex': 'Update index',
+ "generateIndexHint": "Generate index for search image",
"Model": "Model",
"Sampler": "Sampler",
"lora": "LoRA",
diff --git a/vue/src/page/TagSearch/TagSearch.vue b/vue/src/page/TagSearch/TagSearch.vue
index 3e28bd3..c135dbc 100644
--- a/vue/src/page/TagSearch/TagSearch.vue
+++ b/vue/src/page/TagSearch/TagSearch.vue
@@ -51,15 +51,18 @@ const toTagDisplayName = (v: Tag, withType = false) => (withType ? `[${v.type}]
selectedId = new Set(v)" />
{{
- info.img_count === 0 ? 'Generate index for search image' : 'Update index' }}
- Search
+ info.img_count === 0 ? $t('generateIndexHint') : $t('UpdateIndex') }}
+ {{ $t('search') }}
+
+ {{ $t('needGenerateIdx') }}
@@ -83,6 +86,17 @@ const toTagDisplayName = (v: Tag, withType = false) => (withType ? `[${v.type}]
align-items: stretch;
+ .generate-idx-hint {
+ margin: 64px;
+ padding: 64px;
+ font-size: 2em;
+ text-align: center;
+ background-color: var(--zp-secondary-background);
+ white-space: pre-line;
+ line-height: 2.5em;
+ border-radius: 16px;
+ }
+
.select {
padding: 8px;
}
@@ -122,6 +136,10 @@ const toTagDisplayName = (v: Tag, withType = false) => (withType ? `[${v.type}]
margin: 4px;
display: inline-block;
cursor: pointer;
+ max-width: 256px;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
&.selected {
color: var(--primary-color);