every_holiday/VRCT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Update] Update Modal: Change the cuda version description to imply the meaning NVIDIA GPU only.

Browse Source 
and fix design a bit.
This commit is contained in:
Sakamoto Shiina
2024-12-20 23:37:52 +09:00
parent ff5aa80633
commit 64c14fab2f
4 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
locales/en.yml
View File

@@ -60,7 +60,7 @@ main_page:
update_modal: update_modal:
cpu_desc: Use CPU only as the compute device 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 cuda_disk_space_desc: Requires approximately {{size}} of disk space
close_modal: Close close_modal: Close
download_latest_and_restart: |- download_latest_and_restart: |-

2
locales/ja.yml
View File

@@ -59,7 +59,7 @@ main_page:
update_modal: update_modal:
cpu_desc: 処理デバイスとしてCPUのみを使用 cpu_desc: 処理デバイスとしてCPUのみを使用
cuda_desc: 処理デバイスとしてCPUとGPUの両方を選択可能 cuda_desc: 処理デバイスとしてCPUとNVIDIA製のGPUを選択可能
cuda_disk_space_desc: 約{{size}}のディスク容量が必要 cuda_disk_space_desc: 約{{size}}のディスク容量が必要
close_modal: 閉じる close_modal: 閉じる
download_latest_and_restart: |- download_latest_and_restart: |-

4
src-ui/app/modal_controller/update_modal/UpdateModal.jsx
View File

@@ -43,7 +43,7 @@ export const UpdateModal = () => {
<button className={cpu_accept_button_class_name} onClick={onClickUpdateSoftware}>CPU</button> <button className={cpu_accept_button_class_name} onClick={onClickUpdateSoftware}>CPU</button>
{is_cpu_version ? <CurrentVersionLabel is_latest_version_already={is_latest_version_already} /> : null} {is_cpu_version ? <CurrentVersionLabel is_latest_version_already={is_latest_version_already} /> : null}
</div> </div>
<div> <div className={styles.version_desc_container}>
<VersionDescComponent desc={t("update_modal.cpu_desc")} /> <VersionDescComponent desc={t("update_modal.cpu_desc")} />
</div> </div>
</div> </div>
@@ -52,7 +52,7 @@ export const UpdateModal = () => {
<button className={cuda_accept_button_class_name} onClick={onClickUpdateSoftware_CUDA}>CUDA (GPU)</button> <button className={cuda_accept_button_class_name} onClick={onClickUpdateSoftware_CUDA}>CUDA (GPU)</button>
{!is_cpu_version ? <CurrentVersionLabel is_latest_version_already={is_latest_version_already} is_cuda={true}/> : null} {!is_cpu_version ? <CurrentVersionLabel is_latest_version_already={is_latest_version_already} is_cuda={true}/> : null}
</div> </div>
<div> <div className={styles.version_desc_container}>
<VersionDescComponent desc={t("update_modal.cuda_desc")} /> <VersionDescComponent desc={t("update_modal.cuda_desc")} />
<VersionDescComponent desc={t("update_modal.cuda_disk_space_desc", {size: "5GB"})} /> <VersionDescComponent desc={t("update_modal.cuda_disk_space_desc", {size: "5GB"})} />
</div> </div>

7
src-ui/app/modal_controller/update_modal/UpdateModal.module.scss
View File

@@ -52,6 +52,7 @@
width: 16rem; width: 16rem;
justify-content: space-between; justify-content: space-between;
position: relative; position: relative;
flex-shrink: 0;
} }
.deny_button, .accept_button { .deny_button, .accept_button {
@@ -124,6 +125,12 @@
} }
} }
.version_desc_container {
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.version_desc_wrapper { .version_desc_wrapper {
display: flex; display: flex;
align-items: center; align-items: center;