heimoshuiyu/chatgpt-api-web
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

fix overflow api card

Browse Source
This commit is contained in:
ecwu
2024-07-17 11:34:39 +08:00
parent c2c17e5956
commit 9d0f93ecf6
2 changed files with 89 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/setAPIsTemplate.tsx
View File

@@ -17,7 +17,7 @@ export function SetAPIsTemplate({
}: Props) {
return (
<button
className="btn btn-primary btn-sm"
className="btn btn-primary btn-sm mt-3"
onClick={() => {
const name = prompt(`Give this **${label}** template a name:`);
if (!name) {

28
src/settings.tsx
View File

@@ -759,8 +759,7 @@ export default (props: {
<input type="radio" name="setting-accordion" />
<div class="collapse-title text-xl font-medium">Chat</div>
<div class="collapse-content">
<div class="card bg-base-100 w-full shadow-xl">
<div class="card-body">
<div>
<h2 class="card-title">Chat API</h2>
<p>
<Input
@@ -774,7 +773,6 @@ export default (props: {
{...props}
/>
</p>
<div class="card-actions justify-end">
<SetAPIsTemplate
label="Chat API"
endpoint={props.chatStore.apiEndpoint}
@@ -782,8 +780,7 @@ export default (props: {
tmps={props.templateAPIs}
setTmps={props.setTemplateAPIs}
/>
</div>
</div>
<div class="divider" />
</div>
<SelectModel
help="模型，默认 3.5。不同模型性能和定价也不同，请参考 API 文档。"
@@ -860,8 +857,7 @@ export default (props: {
Speech Recognition
</div>
<div class="collapse-content">
<div class="card bg-base-100 w-full shadow-xl">
<div class="card-body">
<div>
<h2 class="card-title">Whisper API</h2>
<p>
<Input
@@ -875,7 +871,6 @@ export default (props: {
{...props}
/>
</p>
<div class="card-actions justify-end">
<SetAPIsTemplate
label="Whisper API"
endpoint={props.chatStore.whisper_api}
@@ -883,8 +878,7 @@ export default (props: {
tmps={props.templateAPIsWhisper}
setTmps={props.setTemplateAPIsWhisper}
/>
</div>
</div>
<div class="divider" />
</div>
</div>
</div>
@@ -892,8 +886,7 @@ export default (props: {
<input type="radio" name="setting-accordion" />
<div class="collapse-title text-xl font-medium">TTS</div>
<div class="collapse-content">
<div class="card bg-base-100 w-full shadow-xl">
<div class="card-body">
<div>
<h2 class="card-title">TTS API</h2>
<p>
<Input
@@ -907,7 +900,6 @@ export default (props: {
{...props}
/>
</p>
<div class="card-actions justify-end">
<SetAPIsTemplate
label="TTS API"
endpoint={props.chatStore.tts_api}
@@ -915,8 +907,7 @@ export default (props: {
tmps={props.templateAPIsTTS}
setTmps={props.setTemplateAPIsTTS}
/>
</div>
</div>
<div class="divider" />
</div>
<Help help="tts voice style" field="AAAAA">
<label className="">TTS Voice</label>
@@ -965,8 +956,7 @@ export default (props: {
Image Generation
</div>
<div class="collapse-content">
<div class="card bg-base-100 w-full shadow-xl">
<div class="card-body">
<div>
<h2 class="card-title">Image Gen API</h2>
<p>
<Input
@@ -980,7 +970,6 @@ export default (props: {
{...props}
/>
</p>
<div class="card-actions justify-end">
<SetAPIsTemplate
label="Image Gen API"
endpoint={props.chatStore.image_gen_api}
@@ -988,8 +977,7 @@ export default (props: {
tmps={props.templateAPIsImageGen}
setTmps={props.setTemplateAPIsImageGen}
/>
</div>
</div>
<div class="divider" />
</div>
</div>
</div>