diff --git a/assets/locales/en/messages.json b/assets/locales/en/messages.json index e5c4afb..9502ef1 100644 --- a/assets/locales/en/messages.json +++ b/assets/locales/en/messages.json @@ -71,6 +71,9 @@ "Extension_Settings": { "message": "Extension Settings" }, + "Find_the_questions_todo_on_the_page__analyze_them_step_by_step__and_provide_a_complete_answer__If_a_specified_starting_point_is_given__use_it_directly_without_changing": { + "message": "Find the questions/todo on the page, analyze them step by step, and provide a complete answer. If a specified starting point is given, use it directly without changing" + }, "For_more_usage__you_can_add_a_paid_plan_later": { "message": "For more usage, you can add a paid plan later" }, @@ -80,15 +83,12 @@ "Free_usage_for_this_week_has_been_exhausted__50_times_week___You_can_input_your_OpenAI_API_Key_in_the_settings_page_for_unlimited_use__or_wait_for_the_quota_refresh_at_0_00_UTC_0_on_Monday_": { "message": "Free usage for this week has been exhausted (50 times/week). You can input your OpenAI API Key in the settings page for unlimited use, or wait for the quota refresh at 0:00 UTC+0 on Monday." }, + "Generate_a_list_of_10_long_tail_keywords_for_SEO__related_to_this_page": { + "message": "Generate a list of 10 long-tail keywords for SEO, related to this page" + }, "How_to_Use": { "message": "How to Use" }, - "Let_s_draw_an_image_about_this__You_need_to_write_in_English_without_word_wraps_and_headlines__without_connection_words__back_to_back_separated_with_commas___1____element____2____3___environment____4____5____6___style_settings___________Replace__1__with_the_subject__A_image_of_____________________Replace__element__with_the_sentence_you_mentioned___________________Replace__2__with_a_list_of_creative_detailed_descriptions_about__element____________________Replace__3__with_a_list_of_detailed_descriptions_about_the_environment_of_the_scene___________________Replace__4__with_a_list_of_detailed_descriptions_about_the_mood_feelings_and_atmosphere_of_the_scene___________________Replace__5__with_a_list_of_specific_camera_model_including_specific_color_film_type_and_lens_details_as_well_as_techniques__set_a_artistic_style___________________Replace__6__with_a_list_of_multiple_directors__cinematographers__photographers__fashion_designers__cartoonist_or_artist__who_would_be_unlikely_to_collaborate_but_would_juxtapose_uniquely___________________Simply_write_the_without_explanation__replace_the_content_inside_the_brackets_with_details_about_the_content_word_inside_the_brackets_and_delete_the_brackets__Repeat_that_for_every_bracket_in_the_prompt__complex_prompt_for_an_AI_based_text_to_image_program_that_converts_a_prompt_about_a_topic_into_an_image__The_outcome_depends_on_the_prompt_s_coherence__The_topic_of_the_whole_scene_is_always_dependent_on_the_subject_that_is_replaced_with__element___always_start_the_prompt_with___imagine_prompt____don_t_use_any_line_breaks__Proper_grammar_is_unnecessary_and_details_can_be_listed___________________Do_not_show_things_like___1____element___in_your_response_": { - "message": "Let's draw an image about this. You need to write in English without word wraps and headlines, without connection words. back to back separated with commas: [1], [element], [2], [3] {environment}, [4], [5], [6] {style settings}\n\n Replace [1] with the subject \"A image of \";\n \n Replace [element] with the sentence you mentioned;\n \n Replace [2] with a list of creative detailed descriptions about [element];\n \n Replace [3] with a list of detailed descriptions about the environment of the scene;\n \n Replace [4] with a list of detailed descriptions about the mood/feelings and atmosphere of the scene;\n \n Replace [5] with a list of specific camera model(including specific color film type and lens details as well as techniques) set a artistic style;\n \n Replace [6] with a list of multiple directors, cinematographers, photographers, fashion designers, cartoonist or artist, who would be unlikely to collaborate but would juxtapose uniquely.\n \n Simply write the without explanation, replace the content inside the brackets with details about the content/word inside the brackets and delete the brackets. Repeat that for every bracket in the prompt, complex prompt for an AI-based text to image program that converts a prompt about a topic into an image. The outcome depends on the prompt's coherence. The topic of the whole scene is always dependent on the subject that is replaced with [element], always start the prompt with \"/imagine prompt:\", don't use any line breaks, Proper grammar is unnecessary and details can be listed.\n \n Do not show things like \"[1]\"\"[element]\" in your response." - }, - "MidJourney_Prompt": { - "message": "MidJourney Prompt" - }, "New_tab_and_blank_pages": { "message": "New tab and blank pages" }, @@ -104,12 +104,6 @@ "Pop_Up": { "message": "Pop Up" }, - "Refine": { - "message": "Refine" - }, - "Refine_text__review_and_revise_problems_in_spelling__grammar__punctuation__word_usage__and_sentence_structure": { - "message": "Refine text, review and revise problems in spelling, grammar, punctuation, word usage, and sentence structure" - }, "Save_Changes": { "message": "Save Changes" }, @@ -119,6 +113,9 @@ "Select_text__and_press_": { "message": "Select text, and press " }, + "SEO": { + "message": "SEO" + }, "Set_up_API": { "message": "Set up API" }, @@ -128,14 +125,17 @@ "Side_Bar": { "message": "Side Bar" }, + "Solve": { + "message": "Solve" + }, "Star_on_Github": { "message": "Star on Github" }, "Summarize": { "message": "Summarize" }, - "Summarize_and_express_these_words_concisely": { - "message": "Summarize and express these words concisely" + "Summarize_in_English__concise_and_clear": { + "message": "Summarize in English, concise and clear" }, "up_to_50_times_week": { "message": "up to 50 times/week" diff --git a/assets/locales/zh_CN/messages.json b/assets/locales/zh_CN/messages.json index 8a4c9de..fa72304 100644 --- a/assets/locales/zh_CN/messages.json +++ b/assets/locales/zh_CN/messages.json @@ -71,6 +71,9 @@ "Extension_Settings": { "message": "Extension Settings" }, + "Find_the_questions_todo_on_the_page__analyze_them_step_by_step__and_provide_a_complete_answer__If_a_specified_starting_point_is_given__use_it_directly_without_changing": { + "message": "在页面上找到问题/待办事项，逐步分析它们，并提供完整的答案。如果给定了特定的开头，不要更改，直接使用" + }, "For_more_usage__you_can_add_a_paid_plan_later": { "message": "For more usage, you can add a paid plan later" }, @@ -80,15 +83,12 @@ "Free_usage_for_this_week_has_been_exhausted__50_times_week___You_can_input_your_OpenAI_API_Key_in_the_settings_page_for_unlimited_use__or_wait_for_the_quota_refresh_at_0_00_UTC_0_on_Monday_": { "message": "本周免费额度已用尽（50 次/周）。您可在设置页面填写自己的 OpenAI API Key 以实现无限使用，或等待周一 UTC+0 0:00 刷新额度。" }, + "Generate_a_list_of_10_long_tail_keywords_for_SEO__related_to_this_page": { + "message": "针对该页面，列举10个长尾关键词，用作SEO" + }, "How_to_Use": { "message": "How to Use" }, - "Let_s_draw_an_image_about_this__You_need_to_write_in_English_without_word_wraps_and_headlines__without_connection_words__back_to_back_separated_with_commas___1____element____2____3___environment____4____5____6___style_settings___________Replace__1__with_the_subject__A_image_of_____________________Replace__element__with_the_sentence_you_mentioned___________________Replace__2__with_a_list_of_creative_detailed_descriptions_about__element____________________Replace__3__with_a_list_of_detailed_descriptions_about_the_environment_of_the_scene___________________Replace__4__with_a_list_of_detailed_descriptions_about_the_mood_feelings_and_atmosphere_of_the_scene___________________Replace__5__with_a_list_of_specific_camera_model_including_specific_color_film_type_and_lens_details_as_well_as_techniques__set_a_artistic_style___________________Replace__6__with_a_list_of_multiple_directors__cinematographers__photographers__fashion_designers__cartoonist_or_artist__who_would_be_unlikely_to_collaborate_but_would_juxtapose_uniquely___________________Simply_write_the_without_explanation__replace_the_content_inside_the_brackets_with_details_about_the_content_word_inside_the_brackets_and_delete_the_brackets__Repeat_that_for_every_bracket_in_the_prompt__complex_prompt_for_an_AI_based_text_to_image_program_that_converts_a_prompt_about_a_topic_into_an_image__The_outcome_depends_on_the_prompt_s_coherence__The_topic_of_the_whole_scene_is_always_dependent_on_the_subject_that_is_replaced_with__element___always_start_the_prompt_with___imagine_prompt____don_t_use_any_line_breaks__Proper_grammar_is_unnecessary_and_details_can_be_listed___________________Do_not_show_things_like___1____element___in_your_response_": { - "message": "Let's draw an image about this. You need to write in English without word wraps and headlines, without connection words. back to back separated with commas: [1], [element], [2], [3] {environment}, [4], [5], [6] {style settings}\n\n Replace [1] with the subject \"A image of \";\n \n Replace [element] with the sentence you mentioned;\n \n Replace [2] with a list of creative detailed descriptions about [element];\n \n Replace [3] with a list of detailed descriptions about the environment of the scene;\n \n Replace [4] with a list of detailed descriptions about the mood/feelings and atmosphere of the scene;\n \n Replace [5] with a list of specific camera model(including specific color film type and lens details as well as techniques) set a artistic style;\n \n Replace [6] with a list of multiple directors, cinematographers, photographers, fashion designers, cartoonist or artist, who would be unlikely to collaborate but would juxtapose uniquely.\n \n Simply write the without explanation, replace the content inside the brackets with details about the content/word inside the brackets and delete the brackets. Repeat that for every bracket in the prompt, complex prompt for an AI-based text to image program that converts a prompt about a topic into an image. The outcome depends on the prompt's coherence. The topic of the whole scene is always dependent on the subject that is replaced with [element], always start the prompt with \"/imagine prompt:\", don't use any line breaks, Proper grammar is unnecessary and details can be listed.\n \n Do not show things like \"[1]\"\"[element]\" in your response." - }, - "MidJourney_Prompt": { - "message": "MidJourney 提词" - }, "New_tab_and_blank_pages": { "message": "新标签页和空白页" }, @@ -104,12 +104,6 @@ "Pop_Up": { "message": "Pop Up" }, - "Refine": { - "message": "润色" - }, - "Refine_text__review_and_revise_problems_in_spelling__grammar__punctuation__word_usage__and_sentence_structure": { - "message": "润色文本，并修改拼写、语法、标点符号、用词、句子结构中出现的问题" - }, "Save_Changes": { "message": "Save Changes" }, @@ -119,6 +113,9 @@ "Select_text__and_press_": { "message": "Select text, and press " }, + "SEO": { + "message": "SEO" + }, "Set_up_API": { "message": "Set up API" }, @@ -128,14 +125,17 @@ "Side_Bar": { "message": "Side Bar" }, + "Solve": { + "message": "解题" + }, "Star_on_Github": { "message": "Star on Github" }, "Summarize": { "message": "总结" }, - "Summarize_and_express_these_words_concisely": { - "message": "概括主要内容" + "Summarize_in_English__concise_and_clear": { + "message": "用中文总结，简明扼要" }, "up_to_50_times_week": { "message": "up to 50 times/week" diff --git a/scripts/i18n/gettextOutput/messages.pot b/scripts/i18n/gettextOutput/messages.pot index ad50e78..8b670e5 100644 --- a/scripts/i18n/gettextOutput/messages.pot +++ b/scripts/i18n/gettextOutput/messages.pot @@ -132,6 +132,10 @@ msgstr "" msgid "Extension Settings" msgstr "" +#: src/config.ts:55 +msgid "Find the questions/todo on the page, analyze them step by step, and provide a complete answer. If a specified starting point is given, use it directly without changing" +msgstr "" + #: src/tabs/components/StepTwo.vue:24 #: src/tabs/components/StepTwo.vue:25 #: src/tabs/components/StepTwo.vue:45 @@ -150,38 +154,15 @@ msgstr "" msgid "Free usage for this week has been exhausted (50 times/week). You can input your OpenAI API Key in the settings page for unlimited use, or wait for the quota refresh at 0:00 UTC+0 on Monday." msgstr "" +#: src/config.ts:51 +msgid "Generate a list of 10 long-tail keywords for SEO, related to this page" +msgstr "" + #: src/tabs/components/StepThree.vue:2 #: src/tabs/components/StepThree.vue:3 msgid "How to Use" msgstr "" -#: src/config.ts:55 -msgid "" -"Let's draw an image about this. You need to write in English without word wraps and headlines, without connection words. back to back separated with commas: [1], [element], [2], [3] {environment}, [4], [5], [6] {style settings}\n" -"\n" -" Replace [1] with the subject \"A image of \";\n" -" \n" -" Replace [element] with the sentence you mentioned;\n" -" \n" -" Replace [2] with a list of creative detailed descriptions about [element];\n" -" \n" -" Replace [3] with a list of detailed descriptions about the environment of the scene;\n" -" \n" -" Replace [4] with a list of detailed descriptions about the mood/feelings and atmosphere of the scene;\n" -" \n" -" Replace [5] with a list of specific camera model(including specific color film type and lens details as well as techniques) set a artistic style;\n" -" \n" -" Replace [6] with a list of multiple directors, cinematographers, photographers, fashion designers, cartoonist or artist, who would be unlikely to collaborate but would juxtapose uniquely.\n" -" \n" -" Simply write the without explanation, replace the content inside the brackets with details about the content/word inside the brackets and delete the brackets. Repeat that for every bracket in the prompt, complex prompt for an AI-based text to image program that converts a prompt about a topic into an image. The outcome depends on the prompt's coherence. The topic of the whole scene is always dependent on the subject that is replaced with [element], always start the prompt with \"/imagine prompt:\", don't use any line breaks, Proper grammar is unnecessary and details can be listed.\n" -" \n" -" Do not show things like \"[1]\"\"[element]\" in your response." -msgstr "" - -#: src/config.ts:54 -msgid "MidJourney Prompt" -msgstr "" - #: src/popup/componetns/WebpilotPopup.vue:15 #: src/popup/componetns/WebpilotPopup.vue:16 msgid "New tab and blank pages" @@ -205,14 +186,6 @@ msgstr "" msgid "Pop Up" msgstr "" -#: src/config.ts:48 -msgid "Refine" -msgstr "" - -#: src/config.ts:49 -msgid "Refine text, review and revise problems in spelling, grammar, punctuation, word usage, and sentence structure" -msgstr "" - #: src/options/AdvancedView.vue:116 msgid "Save Changes" msgstr "" @@ -228,6 +201,10 @@ msgstr "" msgid "Select text, and press " msgstr "" +#: src/config.ts:50 +msgid "SEO" +msgstr "" + #: src/tabs/components/StepTwo.vue:2 #: src/tabs/components/StepTwo.vue:3 msgid "Set up API" @@ -242,18 +219,22 @@ msgstr "" msgid "Side Bar" msgstr "" +#: src/config.ts:54 +msgid "Solve" +msgstr "" + #: src/options/OldTheEntry.vue:38 #: src/options/OldTheEntry.vue:39 #: src/options/OldTheEntry.vue:42 msgid "Star on Github" msgstr "" -#: src/config.ts:44 +#: src/config.ts:46 msgid "Summarize" msgstr "" -#: src/config.ts:45 -msgid "Summarize and express these words concisely" +#: src/config.ts:47 +msgid "Summarize in English, concise and clear" msgstr "" #: src/tabs/components/StepTwo.vue:23 diff --git a/scripts/i18n/gettextOutput/translations.json b/scripts/i18n/gettextOutput/translations.json index 63fd150..37e6134 100644 --- a/scripts/i18n/gettextOutput/translations.json +++ b/scripts/i18n/gettextOutput/translations.json @@ -23,28 +23,28 @@ "Esc to back": "Esc to back", "Esc to close": "Esc to close", "Extension Settings": "Extension Settings", + "Find the questions/todo on the page, analyze them step by step, and provide a complete answer. If a specified starting point is given, use it directly without changing": "Find the questions/todo on the page, analyze them step by step, and provide a complete answer. If a specified starting point is given, use it directly without changing", "For more usage, you can add a paid plan later": "For more usage, you can add a paid plan later", "FREE": "FREE", "Free usage for this week has been exhausted (50 times/week). You can input your OpenAI API Key in the settings page for unlimited use, or wait for the quota refresh at 0:00 UTC+0 on Monday.": "Free usage for this week has been exhausted (50 times/week). You can input your OpenAI API Key in the settings page for unlimited use, or wait for the quota refresh at 0:00 UTC+0 on Monday.", + "Generate a list of 10 long-tail keywords for SEO, related to this page": "Generate a list of 10 long-tail keywords for SEO, related to this page", "How to Use": "How to Use", - "Let's draw an image about this. You need to write in English without word wraps and headlines, without connection words. back to back separated with commas: [1], [element], [2], [3] {environment}, [4], [5], [6] {style settings}\n\n Replace [1] with the subject \"A image of \";\n \n Replace [element] with the sentence you mentioned;\n \n Replace [2] with a list of creative detailed descriptions about [element];\n \n Replace [3] with a list of detailed descriptions about the environment of the scene;\n \n Replace [4] with a list of detailed descriptions about the mood/feelings and atmosphere of the scene;\n \n Replace [5] with a list of specific camera model(including specific color film type and lens details as well as techniques) set a artistic style;\n \n Replace [6] with a list of multiple directors, cinematographers, photographers, fashion designers, cartoonist or artist, who would be unlikely to collaborate but would juxtapose uniquely.\n \n Simply write the without explanation, replace the content inside the brackets with details about the content/word inside the brackets and delete the brackets. Repeat that for every bracket in the prompt, complex prompt for an AI-based text to image program that converts a prompt about a topic into an image. The outcome depends on the prompt's coherence. The topic of the whole scene is always dependent on the subject that is replaced with [element], always start the prompt with \"/imagine prompt:\", don't use any line breaks, Proper grammar is unnecessary and details can be listed.\n \n Do not show things like \"[1]\"\"[element]\" in your response.": "Let's draw an image about this. You need to write in English without word wraps and headlines, without connection words. back to back separated with commas: [1], [element], [2], [3] {environment}, [4], [5], [6] {style settings}\n\n Replace [1] with the subject \"A image of \";\n \n Replace [element] with the sentence you mentioned;\n \n Replace [2] with a list of creative detailed descriptions about [element];\n \n Replace [3] with a list of detailed descriptions about the environment of the scene;\n \n Replace [4] with a list of detailed descriptions about the mood/feelings and atmosphere of the scene;\n \n Replace [5] with a list of specific camera model(including specific color film type and lens details as well as techniques) set a artistic style;\n \n Replace [6] with a list of multiple directors, cinematographers, photographers, fashion designers, cartoonist or artist, who would be unlikely to collaborate but would juxtapose uniquely.\n \n Simply write the without explanation, replace the content inside the brackets with details about the content/word inside the brackets and delete the brackets. Repeat that for every bracket in the prompt, complex prompt for an AI-based text to image program that converts a prompt about a topic into an image. The outcome depends on the prompt's coherence. The topic of the whole scene is always dependent on the subject that is replaced with [element], always start the prompt with \"/imagine prompt:\", don't use any line breaks, Proper grammar is unnecessary and details can be listed.\n \n Do not show things like \"[1]\"\"[element]\" in your response.", - "MidJourney Prompt": "MidJourney Prompt", "New tab and blank pages": "New tab and blank pages", "OpenAI Credits": "OpenAI Credits", "Opensource AI Assistant On All Websites": "Opensource AI Assistant On All Websites", "Pin Webpilot": "Pin Webpilot", "Pop Up": "Pop Up", - "Refine": "Refine", - "Refine text, review and revise problems in spelling, grammar, punctuation, word usage, and sentence structure": "Refine text, review and revise problems in spelling, grammar, punctuation, word usage, and sentence structure", "Save Changes": "Save Changes", "Search": "Search", "Select text, and press ": "Select text, and press ", + "SEO": "SEO", "Set up API": "Set up API", "Settings": "Settings", "Side Bar": "Side Bar", + "Solve": "Solve", "Star on Github": "Star on Github", "Summarize": "Summarize", - "Summarize and express these words concisely": "Summarize and express these words concisely", + "Summarize in English, concise and clear": "Summarize in English, concise and clear", "up to 50 times/week": "up to 50 times/week", "Use my OpenAI API key": "Use my OpenAI API key", "Use WebPilot free credit": "Use WebPilot free credit", diff --git a/src/components/PromptMenu.vue b/src/components/PromptMenu.vue index 6f92f54..1693265 100644 --- a/src/components/PromptMenu.vue +++ b/src/components/PromptMenu.vue @@ -19,7 +19,7 @@

{{ showBack ? $gettext('Esc to back') : $gettext('Esc to close') }}

- Tab + ⬆︎/⬇︎

{{ $gettext('Choose prompts') }}

Enter

{{ $gettext('Search') }}

@@ -180,6 +180,7 @@ const handleEditPrompt = index => { justify-content: center; margin: 0 0 0 12px; padding: 0 4px; + line-height: 20px; border: 1px solid var(--webpilot-theme-stoke-and-hover-status, #dcdee1); border-radius: 4px; } @@ -198,7 +199,6 @@ const handleEditPrompt = index => { color: var(--webpilot-theme-main-text-color, #292929); font-weight: 600; font-size: 10px; - line-height: 20px; } .icon { diff --git a/src/components/PromptResult.vue b/src/components/PromptResult.vue index d42a39c..25ec343 100644 --- a/src/components/PromptResult.vue +++ b/src/components/PromptResult.vue @@ -103,7 +103,7 @@ const onScroll = () => { } const showResult = computed(() => { - return !!props.modelValue && props.modelValue !== '' + return !!props.modelValue && props.modelValue !== '' && !props.showShadow }) watch(showResult, v => { @@ -273,6 +273,7 @@ const openHomePage = () => { color: #dcdcdc !important; background: #363636 !important; border-radius: 5px; + box-shadow: none !important; // span { // color: #dcdcdc; diff --git a/src/config.ts b/src/config.ts index 670aafc..64b4d44 100644 --- a/src/config.ts +++ b/src/config.ts @@ -34,44 +34,26 @@ export const defaultConfig = { * popUp * sideBar */ displayMode: 'popUp', - /** Last select preset prompt index. For auto select at popup. */ - latestPresetPromptIndex: 0, /** Show shortcut state, once trigger popup by shortcut set to false */ showShortcutTips: true, + /** Last select preset prompt index. For auto select at popup. */ + latestAskedQuestionPromptIndex: 0, + latestTextSelectionPromptIndex: 0, /** Custom preset prompts */ - prompts: [ + AskedQuestionPrompts: [], + TextSelectionPrompts: [ { title: $gettext('Summarize'), - command: $gettext('Summarize and express these words concisely'), + command: $gettext('Summarize in English, concise and clear'), }, { - title: $gettext('Refine'), - command: $gettext( - 'Refine text, review and revise problems in spelling, grammar, punctuation, word usage, and sentence structure' - ), + title: $gettext('SEO'), + command: $gettext('Generate a list of 10 long-tail keywords for SEO, related to this page'), }, { - title: $gettext('MidJourney Prompt'), + title: $gettext('Solve'), command: $gettext( - `Let's draw an image about this. You need to write in English without word wraps and headlines, without connection words. back to back separated with commas: [1], [element], [2], [3] {environment}, [4], [5], [6] {style settings} - - Replace [1] with the subject "A image of "; - - Replace [element] with the sentence you mentioned; - - Replace [2] with a list of creative detailed descriptions about [element]; - - Replace [3] with a list of detailed descriptions about the environment of the scene; - - Replace [4] with a list of detailed descriptions about the mood/feelings and atmosphere of the scene; - - Replace [5] with a list of specific camera model(including specific color film type and lens details as well as techniques) set a artistic style; - - Replace [6] with a list of multiple directors, cinematographers, photographers, fashion designers, cartoonist or artist, who would be unlikely to collaborate but would juxtapose uniquely. - - Simply write the without explanation, replace the content inside the brackets with details about the content/word inside the brackets and delete the brackets. Repeat that for every bracket in the prompt, complex prompt for an AI-based text to image program that converts a prompt about a topic into an image. The outcome depends on the prompt's coherence. The topic of the whole scene is always dependent on the subject that is replaced with [element], always start the prompt with "/imagine prompt:", don't use any line breaks, Proper grammar is unnecessary and details can be listed. - - Do not show things like "[1]""[element]" in your response.` + 'Find the questions/todo on the page, analyze them step by step, and provide a complete answer. If a specified starting point is given, use it directly without changing' ), }, ], diff --git a/src/csui/Index/ThePopupBox/ThePopupBox.vue b/src/csui/Index/ThePopupBox/ThePopupBox.vue index 15fb9fd..5a22124 100644 --- a/src/csui/Index/ThePopupBox/ThePopupBox.vue +++ b/src/csui/Index/ThePopupBox/ThePopupBox.vue @@ -3,14 +3,14 @@ :class="{ [$style.container]: true, [$style['container--alone']]: !showResult && !showPrompts, - [$style['container--joint']]: !showResult && showPrompts, + [$style['container--joint']]: showMenu || (!showResult && showPrompts), }" >