theluyuan/RWKV-Runner
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve frontend details

Browse Source
This commit is contained in:
josc146 2024-05-10 15:38:21 +08:00
parent 79eff01b33
commit 14461930ab
2 changed files with 54 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/pages/Configs.tsx
View File

@ -268,8 +268,12 @@ const Configs: FC = observer(() => {
title={t('Model Parameters')} title={t('Model Parameters')}
content={ content={
<div className="grid grid-cols-1 sm:grid-cols-2 gap-2"> <div className="grid grid-cols-1 sm:grid-cols-2 gap-2">
<Labeled label={t('Model')} content={ <div className="sm:col-span-2">
<div className="flex gap-2 grow"> <div className="flex flex-col sm:flex-row gap-2">
<div className="flex gap-2 items-center min-w-0 grow">
<div className="shrink-0">
{t('Model')}
</div>
<Select style={{ minWidth: 0 }} className="grow" <Select style={{ minWidth: 0 }} className="grow"
value={selectedConfig.modelParameters.modelName} value={selectedConfig.modelParameters.modelName}
onChange={(e, data) => { onChange={(e, data) => {
@ -298,20 +302,24 @@ const Configs: FC = observer(() => {
navigate({ pathname: '/models' }); navigate({ pathname: '/models' });
}} /> }} />
</div> </div>
} />
{ {
!selectedConfig.modelParameters.device.startsWith('WebGPU') ? !selectedConfig.modelParameters.device.startsWith('WebGPU') ?
(selectedConfig.modelParameters.device !== 'CPU (rwkv.cpp)' ? (selectedConfig.modelParameters.device !== 'CPU (rwkv.cpp)' ?
<ToolTipButton text={t('Convert')} <ToolTipButton text={t('Convert')}
className="shrink-0"
desc={t('Convert model with these configs. Using a converted model will greatly improve the loading speed, but model parameters of the converted model cannot be modified.')} desc={t('Convert model with these configs. Using a converted model will greatly improve the loading speed, but model parameters of the converted model cannot be modified.')}
onClick={() => convertModel(selectedConfig, navigate)} /> : onClick={() => convertModel(selectedConfig, navigate)} /> :
<ToolTipButton text={t('Convert To GGML Format')} <ToolTipButton text={t('Convert To GGML Format')}
className="shrink-0"
desc="" desc=""
onClick={() => convertToGGML(selectedConfig, navigate)} />) onClick={() => convertToGGML(selectedConfig, navigate)} />)
: <ToolTipButton text={t('Convert To Safe Tensors Format')} : <ToolTipButton text={t('Convert To Safe Tensors Format')}
className="shrink-0"
desc="" desc=""
onClick={() => convertToSt(selectedConfig, navigate)} /> onClick={() => convertToSt(selectedConfig, navigate)} />
} }
</div>
</div>
<Labeled label={t('Strategy')} content={ <Labeled label={t('Strategy')} content={
<Dropdown style={{ minWidth: 0 }} className="grow" value={t(selectedConfig.modelParameters.device)!} <Dropdown style={{ minWidth: 0 }} className="grow" value={t(selectedConfig.modelParameters.device)!}
selectedOptions={[selectedConfig.modelParameters.device]} selectedOptions={[selectedConfig.modelParameters.device]}

2
frontend/src/pages/Train.tsx
View File

@ -436,7 +436,9 @@ const LoraFinetune: FC = observer(() => {
content={ content={
<div className="grid grid-cols-1 sm:grid-cols-2 gap-2"> <div className="grid grid-cols-1 sm:grid-cols-2 gap-2">
<div className="flex gap-2 items-center"> <div className="flex gap-2 items-center">
<div className="shrink-0">
{t('Base Model')} {t('Base Model')}
</div>
<Select style={{ minWidth: 0 }} className="grow" <Select style={{ minWidth: 0 }} className="grow"
value={loraParams.baseModel} value={loraParams.baseModel}
onChange={(e, data) => { onChange={(e, data) => {