Increase status card label width and dialog size
Browse files
lightrag_webui/src/components/status/StatusCard.tsx
CHANGED
@@ -11,7 +11,7 @@ const StatusCard = ({ status }: { status: LightragStatus | null }) => {
|
|
11 |
<div className="min-w-[300px] space-y-2 text-xs">
|
12 |
<div className="space-y-1">
|
13 |
<h4 className="font-medium">{t('graphPanel.statusCard.storageInfo')}</h4>
|
14 |
-
<div className="text-foreground grid grid-cols-[
|
15 |
<span>{t('graphPanel.statusCard.workingDirectory')}:</span>
|
16 |
<span className="truncate">{status.working_directory}</span>
|
17 |
<span>{t('graphPanel.statusCard.inputDirectory')}:</span>
|
@@ -21,7 +21,7 @@ const StatusCard = ({ status }: { status: LightragStatus | null }) => {
|
|
21 |
|
22 |
<div className="space-y-1">
|
23 |
<h4 className="font-medium">{t('graphPanel.statusCard.llmConfig')}</h4>
|
24 |
-
<div className="text-foreground grid grid-cols-[
|
25 |
<span>{t('graphPanel.statusCard.llmBinding')}:</span>
|
26 |
<span>{status.configuration.llm_binding}</span>
|
27 |
<span>{t('graphPanel.statusCard.llmBindingHost')}:</span>
|
@@ -35,7 +35,7 @@ const StatusCard = ({ status }: { status: LightragStatus | null }) => {
|
|
35 |
|
36 |
<div className="space-y-1">
|
37 |
<h4 className="font-medium">{t('graphPanel.statusCard.embeddingConfig')}</h4>
|
38 |
-
<div className="text-foreground grid grid-cols-[
|
39 |
<span>{t('graphPanel.statusCard.embeddingBinding')}:</span>
|
40 |
<span>{status.configuration.embedding_binding}</span>
|
41 |
<span>{t('graphPanel.statusCard.embeddingBindingHost')}:</span>
|
@@ -48,7 +48,7 @@ const StatusCard = ({ status }: { status: LightragStatus | null }) => {
|
|
48 |
{status.configuration.enable_rerank && (
|
49 |
<div className="space-y-1">
|
50 |
<h4 className="font-medium">{t('graphPanel.statusCard.rerankerConfig')}</h4>
|
51 |
-
<div className="text-foreground grid grid-cols-[
|
52 |
<span>{t('graphPanel.statusCard.rerankerBindingHost')}:</span>
|
53 |
<span>{status.configuration.rerank_binding_host || '-'}</span>
|
54 |
<span>{t('graphPanel.statusCard.rerankerModel')}:</span>
|
@@ -59,7 +59,7 @@ const StatusCard = ({ status }: { status: LightragStatus | null }) => {
|
|
59 |
|
60 |
<div className="space-y-1">
|
61 |
<h4 className="font-medium">{t('graphPanel.statusCard.storageConfig')}</h4>
|
62 |
-
<div className="text-foreground grid grid-cols-[
|
63 |
<span>{t('graphPanel.statusCard.kvStorage')}:</span>
|
64 |
<span>{status.configuration.kv_storage}</span>
|
65 |
<span>{t('graphPanel.statusCard.docStatusStorage')}:</span>
|
|
|
11 |
<div className="min-w-[300px] space-y-2 text-xs">
|
12 |
<div className="space-y-1">
|
13 |
<h4 className="font-medium">{t('graphPanel.statusCard.storageInfo')}</h4>
|
14 |
+
<div className="text-foreground grid grid-cols-[160px_1fr] gap-1">
|
15 |
<span>{t('graphPanel.statusCard.workingDirectory')}:</span>
|
16 |
<span className="truncate">{status.working_directory}</span>
|
17 |
<span>{t('graphPanel.statusCard.inputDirectory')}:</span>
|
|
|
21 |
|
22 |
<div className="space-y-1">
|
23 |
<h4 className="font-medium">{t('graphPanel.statusCard.llmConfig')}</h4>
|
24 |
+
<div className="text-foreground grid grid-cols-[160px_1fr] gap-1">
|
25 |
<span>{t('graphPanel.statusCard.llmBinding')}:</span>
|
26 |
<span>{status.configuration.llm_binding}</span>
|
27 |
<span>{t('graphPanel.statusCard.llmBindingHost')}:</span>
|
|
|
35 |
|
36 |
<div className="space-y-1">
|
37 |
<h4 className="font-medium">{t('graphPanel.statusCard.embeddingConfig')}</h4>
|
38 |
+
<div className="text-foreground grid grid-cols-[160px_1fr] gap-1">
|
39 |
<span>{t('graphPanel.statusCard.embeddingBinding')}:</span>
|
40 |
<span>{status.configuration.embedding_binding}</span>
|
41 |
<span>{t('graphPanel.statusCard.embeddingBindingHost')}:</span>
|
|
|
48 |
{status.configuration.enable_rerank && (
|
49 |
<div className="space-y-1">
|
50 |
<h4 className="font-medium">{t('graphPanel.statusCard.rerankerConfig')}</h4>
|
51 |
+
<div className="text-foreground grid grid-cols-[160px_1fr] gap-1">
|
52 |
<span>{t('graphPanel.statusCard.rerankerBindingHost')}:</span>
|
53 |
<span>{status.configuration.rerank_binding_host || '-'}</span>
|
54 |
<span>{t('graphPanel.statusCard.rerankerModel')}:</span>
|
|
|
59 |
|
60 |
<div className="space-y-1">
|
61 |
<h4 className="font-medium">{t('graphPanel.statusCard.storageConfig')}</h4>
|
62 |
+
<div className="text-foreground grid grid-cols-[160px_1fr] gap-1">
|
63 |
<span>{t('graphPanel.statusCard.kvStorage')}:</span>
|
64 |
<span>{status.configuration.kv_storage}</span>
|
65 |
<span>{t('graphPanel.statusCard.docStatusStorage')}:</span>
|
lightrag_webui/src/components/status/StatusDialog.tsx
CHANGED
@@ -20,7 +20,7 @@ const StatusDialog = ({ open, onOpenChange, status }: StatusDialogProps) => {
|
|
20 |
|
21 |
return (
|
22 |
<Dialog open={open} onOpenChange={onOpenChange}>
|
23 |
-
<DialogContent className="sm:max-w-[
|
24 |
<DialogHeader>
|
25 |
<DialogTitle>{t('graphPanel.statusDialog.title')}</DialogTitle>
|
26 |
<DialogDescription>
|
|
|
20 |
|
21 |
return (
|
22 |
<Dialog open={open} onOpenChange={onOpenChange}>
|
23 |
+
<DialogContent className="sm:max-w-[700px]">
|
24 |
<DialogHeader>
|
25 |
<DialogTitle>{t('graphPanel.statusDialog.title')}</DialogTitle>
|
26 |
<DialogDescription>
|