Add min width to parameters sidebar of retrieval web page

This commit is contained in:
yangdx
2025-03-13 22:56:59 +08:00
parent abead02f39
commit 1a92d46bff
4 changed files with 10 additions and 2 deletions

View File

@@ -25,7 +25,7 @@ export default function QuerySettings() {
}, []) }, [])
return ( return (
<Card className="flex shrink-0 flex-col"> <Card className="flex shrink-0 flex-col min-w-[180px]">
<CardHeader className="px-4 pt-4 pb-2"> <CardHeader className="px-4 pt-4 pb-2">
<CardTitle>{t('retrievePanel.querySettings.parametersTitle')}</CardTitle> <CardTitle>{t('retrievePanel.querySettings.parametersTitle')}</CardTitle>
<CardDescription>{t('retrievePanel.querySettings.parametersDescription')}</CardDescription> <CardDescription>{t('retrievePanel.querySettings.parametersDescription')}</CardDescription>

View File

@@ -1,8 +1,10 @@
import { useState, useEffect } from 'react' import { useState, useEffect } from 'react'
import { useTabVisibility } from '@/contexts/useTabVisibility' import { useTabVisibility } from '@/contexts/useTabVisibility'
import { backendBaseUrl } from '@/lib/constants' import { backendBaseUrl } from '@/lib/constants'
import { useTranslation } from 'react-i18next'
export default function ApiSite() { export default function ApiSite() {
const { t } = useTranslation()
const { isTabVisible } = useTabVisibility() const { isTabVisible } = useTabVisibility()
const isApiTabVisible = isTabVisible('api') const isApiTabVisible = isTabVisible('api')
const [iframeLoaded, setIframeLoaded] = useState(false) const [iframeLoaded, setIframeLoaded] = useState(false)
@@ -29,7 +31,7 @@ export default function ApiSite() {
<div className="flex h-full w-full items-center justify-center bg-background"> <div className="flex h-full w-full items-center justify-center bg-background">
<div className="text-center"> <div className="text-center">
<div className="mb-2 h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"></div> <div className="mb-2 h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"></div>
<p>Loading API Documentation...</p> <p>{t('apiSite.loading')}</p>
</div> </div>
</div> </div>
)} )}

View File

@@ -240,5 +240,8 @@
"streamResponse": "Stream Response", "streamResponse": "Stream Response",
"streamResponseTooltip": "If True, enables streaming output for real-time responses" "streamResponseTooltip": "If True, enables streaming output for real-time responses"
} }
},
"apiSite": {
"loading": "Loading API Documentation..."
} }
} }

View File

@@ -225,5 +225,8 @@
"streamResponse": "流式响应", "streamResponse": "流式响应",
"streamResponseTooltip": "如果为True启用实时流式输出响应" "streamResponseTooltip": "如果为True启用实时流式输出响应"
} }
},
"apiSite": {
"loading": "正在加载 API 文档..."
} }
} }