improve frontend details

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

View File

@ -268,8 +268,12 @@ const Configs: FC = observer(() => {
title={t('Model Parameters')}
content={
<div className="grid grid-cols-1 sm:grid-cols-2 gap-2">
<Labeled label={t('Model')} content={
<div className="flex gap-2 grow">
<div className="sm:col-span-2">
<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"
value={selectedConfig.modelParameters.modelName}
onChange={(e, data) => {
@ -298,20 +302,24 @@ const Configs: FC = observer(() => {
navigate({ pathname: '/models' });
}} />
</div>
} />
{
!selectedConfig.modelParameters.device.startsWith('WebGPU') ?
(selectedConfig.modelParameters.device !== 'CPU (rwkv.cpp)' ?
<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.')}
onClick={() => convertModel(selectedConfig, navigate)} /> :
<ToolTipButton text={t('Convert To GGML Format')}
className="shrink-0"
desc=""
onClick={() => convertToGGML(selectedConfig, navigate)} />)
: <ToolTipButton text={t('Convert To Safe Tensors Format')}
className="shrink-0"
desc=""
onClick={() => convertToSt(selectedConfig, navigate)} />
}
</div>
</div>
<Labeled label={t('Strategy')} content={
<Dropdown style={{ minWidth: 0 }} className="grow" value={t(selectedConfig.modelParameters.device)!}
selectedOptions={[selectedConfig.modelParameters.device]}

View File

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