PublicMirrors/voice-changer
1
0
Fork 0
mirror of https://github.com/w-okada/voice-changer.git synced 2025-02-02 16:23:58 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

improve display

Browse Source
This commit is contained in:
wataru 2023-01-16 07:45:06 +09:00
parent d384f81496
commit ff6a5f3963
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
client/demo/src/106_server_control.tsx
View File

@ -39,9 +39,16 @@ export const useServerControl = (props: UseServerControlProps) => {
<> <>
<div className="body-row split-3-1-1-1-4 left-padding-1 guided"> <div className="body-row split-3-1-1-1-4 left-padding-1 guided">
<div className="body-item-title left-padding-1">monitor:</div> <div className="body-item-title left-padding-1">monitor:</div>
<div className="body-item-text">vol(rms):{props.clientState.volume.toFixed(4)}</div> <div className="body-item-text">vol<span className="body-item-text-small">(rms)</span></div>
<div className="body-item-text">buf(ms):{props.clientState.bufferingTime}</div> <div className="body-item-text">buf<span className="body-item-text-small">(ms)</span></div>
<div className="body-item-text">res(ms):{props.clientState.responseTime}</div> <div className="body-item-text">res<span className="body-item-text-small">(ms)</span></div>
<div className="body-item-text"></div>
</div>
<div className="body-row split-3-1-1-1-4 left-padding-1 guided">
<div className="body-item-title left-padding-1"></div>
<div className="body-item-text">{props.clientState.volume.toFixed(4)}</div>
<div className="body-item-text">{props.clientState.bufferingTime}</div>
<div className="body-item-text">{props.clientState.responseTime}</div>
<div className="body-item-text"></div> <div className="body-item-text"></div>
</div> </div>
</> </>

5
client/demo/src/css/App.css
View File

@ -271,7 +271,10 @@ body {
padding-left: 1rem; padding-left: 1rem;
} }
} }
.body-item-text-small {
color: rgb(30, 30, 30);
font-size: 0.7rem;
}
.body-item-input { .body-item-input {
width:90%; width:90%;
} }