From 64c14fab2fb3083a5b67f42af1a49b960c9a9032 Mon Sep 17 00:00:00 2001 From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com> Date: Fri, 20 Dec 2024 23:37:52 +0900 Subject: [PATCH 1/3] [Update] Update Modal: Change the cuda version description to imply the meaning NVIDIA GPU only. and fix design a bit. --- locales/en.yml | 2 +- locales/ja.yml | 2 +- src-ui/app/modal_controller/update_modal/UpdateModal.jsx | 4 ++-- .../modal_controller/update_modal/UpdateModal.module.scss | 7 +++++++ 4 files changed, 11 insertions(+), 4 deletions(-) diff --git a/locales/en.yml b/locales/en.yml index 40ed70f8..13702540 100644 --- a/locales/en.yml +++ b/locales/en.yml @@ -60,7 +60,7 @@ main_page: update_modal: cpu_desc: Use CPU only as the compute device - cuda_desc: Selectable between CPU and GPU as compute devices + cuda_desc: Selectable between CPU and NVIDIA GPUs as compute devices cuda_disk_space_desc: Requires approximately {{size}} of disk space close_modal: Close download_latest_and_restart: |- diff --git a/locales/ja.yml b/locales/ja.yml index 0b6eb496..8518da44 100644 --- a/locales/ja.yml +++ b/locales/ja.yml @@ -59,7 +59,7 @@ main_page: update_modal: cpu_desc: 処理デバイスとしてCPUのみを使用 - cuda_desc: 処理デバイスとしてCPUとGPUの両方を選択可能 + cuda_desc: 処理デバイスとしてCPUとNVIDIA製のGPUを選択可能 cuda_disk_space_desc: 約{{size}}のディスク容量が必要 close_modal: 閉じる download_latest_and_restart: |- diff --git a/src-ui/app/modal_controller/update_modal/UpdateModal.jsx b/src-ui/app/modal_controller/update_modal/UpdateModal.jsx index e78235e9..746d83e4 100644 --- a/src-ui/app/modal_controller/update_modal/UpdateModal.jsx +++ b/src-ui/app/modal_controller/update_modal/UpdateModal.jsx @@ -43,7 +43,7 @@ export const UpdateModal = () => { {is_cpu_version ? : null} -
+
@@ -52,7 +52,7 @@ export const UpdateModal = () => { {!is_cpu_version ? : null} -
+
diff --git a/src-ui/app/modal_controller/update_modal/UpdateModal.module.scss b/src-ui/app/modal_controller/update_modal/UpdateModal.module.scss index 2c253a9a..085ea43c 100644 --- a/src-ui/app/modal_controller/update_modal/UpdateModal.module.scss +++ b/src-ui/app/modal_controller/update_modal/UpdateModal.module.scss @@ -52,6 +52,7 @@ width: 16rem; justify-content: space-between; position: relative; + flex-shrink: 0; } .deny_button, .accept_button { @@ -124,6 +125,12 @@ } } +.version_desc_container { + display: flex; + flex-direction: column; + gap: 0.4rem; +} + .version_desc_wrapper { display: flex; align-items: center; From 56fda283b483727f0fd47d22ea0fb4264e0a31fd Mon Sep 17 00:00:00 2001 From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com> Date: Fri, 20 Dec 2024 23:53:39 +0900 Subject: [PATCH 2/3] [Update] Config Page: Adjust some width and design that was shrink unexpectedly. Remove some indicator numbers and only show even numbers on Slider components. --- .../_components/radio_button/RadioButton.module.scss | 1 + .../setting_section/setting_box/appearance/Appearance.jsx | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src-ui/app/config_page/setting_section/setting_box/_components/radio_button/RadioButton.module.scss b/src-ui/app/config_page/setting_section/setting_box/_components/radio_button/RadioButton.module.scss index 99d2bcc3..b8ed8515 100644 --- a/src-ui/app/config_page/setting_section/setting_box/_components/radio_button/RadioButton.module.scss +++ b/src-ui/app/config_page/setting_section/setting_box/_components/radio_button/RadioButton.module.scss @@ -6,6 +6,7 @@ position: relative; flex-shrink: 0; flex-wrap: wrap; + max-width: 70%; &.column { flex-direction: column; } diff --git a/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.jsx b/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.jsx index 129a9216..d9ecb7c6 100644 --- a/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.jsx +++ b/src-ui/app/config_page/setting_section/setting_box/appearance/Appearance.jsx @@ -75,7 +75,7 @@ const UiScalingContainer = () => { const createMarks = (min, max) => { const marks = []; for (let value = min; value <= max; value += 10) { - const label = ([50,70,130,140,160,170,190].includes(value)) ? "" : value; + const label = ([50,70,90,110,130,150,170,190].includes(value)) ? "" : value; marks.push({ value, label: `${label}` }); } return marks; @@ -117,7 +117,7 @@ export const MessageLogUiScalingContainer = () => { const createMarks = (min, max) => { const marks = []; for (let value = min; value <= max; value += 10) { - const label = ([50,70,130,140,160,170,190].includes(value)) ? "" : value; + const label = ([50,70,90,110,130,150,170,190].includes(value)) ? "" : value; marks.push({ value, label: `${label}` }); } return marks; From 2aab58d1ea6be80b7cdb494e8bb94ebc7a447cfd Mon Sep 17 00:00:00 2001 From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com> Date: Fri, 20 Dec 2024 23:59:00 +0900 Subject: [PATCH 3/3] [bugfix] Config Page: Checkbox. Resend Button. Fix pending status that was endlessly showed loading UI. --- src-ui/store.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src-ui/store.js b/src-ui/store.js index c9759e93..a7950a2a 100644 --- a/src-ui/store.js +++ b/src-ui/store.js @@ -132,7 +132,7 @@ export const { atomInstance: Atom_ForegroundStatus, useHook: useStore_Foreground export const { atomInstance: Atom_MessageLogs, useHook: useStore_MessageLogs } = createAtomWithHook([], "MessageLogs"); // export const { atomInstance: Atom_MessageLogs, useHook: useStore_MessageLogs } = createAtomWithHook(generateTestData(20), "MessageLogs"); // For testing export const { atomInstance: Atom_MessageInputValue, useHook: useStore_MessageInputValue } = createAtomWithHook("", "MessageInputValue"); -export const { atomInstance: Atom_IsVisibleResendButton, useHook: useStore_IsVisibleResendButton } = createAtomWithHook(false, "IsVisibleResendButton"); +export const { atomInstance: Atom_IsVisibleResendButton, useHook: useStore_IsVisibleResendButton } = createAtomWithHook(false, "IsVisibleResendButton", {is_state_ok: true}); export const { atomInstance: Atom_IsAppliedInitMessageBoxHeight, useHook: useStore_IsAppliedInitMessageBoxHeight } = createAtomWithHook(false, "IsAppliedInitMessageBoxHeight"); export const { atomInstance: Atom_SelectableLanguageList, useHook: useStore_SelectableLanguageList } = createAtomWithHook([], "SelectableLanguageList");