improve gui

This commit is contained in:
w-okada 2023-08-06 09:57:58 +09:00
parent 1ba260e9b8
commit 56944ad594
5 changed files with 73 additions and 63 deletions

View File

@ -0,0 +1 @@
onnxdirectML-cuda

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
onnxdirectML-cuda

View File

@ -41,71 +41,75 @@ export const ConvertArea = (props: ConvertProps) => {
const gpuSelect = const gpuSelect =
edition.indexOf("onnxdirectML-cuda") >= 0 ? ( edition.indexOf("onnxdirectML-cuda") >= 0 ? (
<div className="config-sub-area-control"> <>
<div className="config-sub-area-control-title">GPU(dml):</div> <div className="config-sub-area-control">
<div className="config-sub-area-control-field"> <div className="config-sub-area-control-title">GPU(dml):</div>
<div className="config-sub-area-buttons"> <div className="config-sub-area-control-field">
<div <div className="config-sub-area-buttons">
onClick={async () => { <div
await serverSetting.updateServerSettings({ onClick={async () => {
...serverSetting.serverSetting, await serverSetting.updateServerSettings({
gpu: -1, ...serverSetting.serverSetting,
}); gpu: -1,
}} });
className={cpuClassName} }}
> className={cpuClassName}
cpu >
</div> <span className="config-sub-area-button-text-small">cpu</span>
<div </div>
onClick={async () => { <div
await serverSetting.updateServerSettings({ onClick={async () => {
...serverSetting.serverSetting, await serverSetting.updateServerSettings({
gpu: 0, ...serverSetting.serverSetting,
}); gpu: 0,
}} });
className={gpu0ClassName} }}
> className={gpu0ClassName}
gpu-0 >
</div> <span className="config-sub-area-button-text-small">gpu0</span>
<div </div>
onClick={async () => { <div
await serverSetting.updateServerSettings({ onClick={async () => {
...serverSetting.serverSetting, await serverSetting.updateServerSettings({
gpu: 1, ...serverSetting.serverSetting,
}); gpu: 1,
}} });
className={gpu1ClassName} }}
> className={gpu1ClassName}
gpu-1 >
</div> <span className="config-sub-area-button-text-small">gpu1</span>
<div </div>
onClick={async () => { <div
await serverSetting.updateServerSettings({ onClick={async () => {
...serverSetting.serverSetting, await serverSetting.updateServerSettings({
gpu: 2, ...serverSetting.serverSetting,
}); gpu: 2,
}} });
className={gpu2ClassName} }}
> className={gpu2ClassName}
gpu-2 >
</div> <span className="config-sub-area-button-text-small">gpu2</span>
<div </div>
onClick={async () => { <div
await serverSetting.updateServerSettings({ onClick={async () => {
...serverSetting.serverSetting, await serverSetting.updateServerSettings({
gpu: 3, ...serverSetting.serverSetting,
}); gpu: 3,
}} });
className={gpu3ClassName} }}
> className={gpu3ClassName}
gpu-3 >
</div> <span className="config-sub-area-button-text-small">gpu3</span>
<div> </div>
<a href="https://github.com/w-okada/voice-changer/issues/410">more info</a> <div className="config-sub-area-control">
<span className="config-sub-area-button-text-small">
<a href="https://github.com/w-okada/voice-changer/issues/410">more info</a>
</span>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </>
) : ( ) : (
<div className="config-sub-area-control"> <div className="config-sub-area-control">
<div className="config-sub-area-control-title">GPU:</div> <div className="config-sub-area-control-title">GPU:</div>

View File

@ -1562,6 +1562,10 @@ audio::-webkit-media-controls-overlay-enclosure{
height: 1.2rem; height: 1.2rem;
padding-left: 2px; padding-left: 2px;
padding-right: 2px; padding-right: 2px;
white-space: nowrap;
}
.config-sub-area-button-text-small {
font-size: 0.5rem;
} }
} }
.config-sub-area-control-field-auido-io { .config-sub-area-control-field-auido-io {