gzdaniel commited on
Commit
cbddb5e
·
1 Parent(s): 1f4b353

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-[120px_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,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-[120px_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,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-[120px_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,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-[120px_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,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-[120px_1fr] gap-1">
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-[500px]">
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>