From 471221fc478ab2cfb25914fea722f02710a169eb Mon Sep 17 00:00:00 2001
From: logan <admin@attacker.club>
Date: Sat, 30 May 2026 01:56:17 +0800
Subject: [PATCH] =?UTF-8?q?style:=20Redis=E6=9F=A5=E8=AF=A2=E7=BB=93?=
 =?UTF-8?q?=E6=9E=9C=E5=B1=95=E7=A4=BA=E4=BC=98=E5=8C=96=20=E2=80=94=20?=
 =?UTF-8?q?=E5=88=97=E5=AE=BD=E5=8A=A0=E5=A4=A7/=E5=AD=97=E4=BD=9312px/raw?=
 =?UTF-8?q?=E5=8C=BA500px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/QueriesPage.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/QueriesPage.tsx b/frontend/src/pages/QueriesPage.tsx
index 47f8f31..4a12421 100644
--- a/frontend/src/pages/QueriesPage.tsx
+++ b/frontend/src/pages/QueriesPage.tsx
@@ -506,7 +506,7 @@ export default function QueriesPage() {
                     <div className="text-xs text-[var(--dg-text-muted)] mb-2 font-mono">{result.raw_key}</div>
                   )}
                   <div className="relative group">
-                    <pre className={`text-sm leading-relaxed overflow-auto max-h-[450px] p-3 rounded-lg font-mono ${
+                    <pre className={`text-sm leading-relaxed overflow-auto max-h-[500px] p-4 rounded-lg font-mono ${
                       result.raw_value
                         ? 'bg-[var(--dg-bg-primary)] text-blue-300 whitespace-pre-wrap break-all'
                         : 'bg-[var(--dg-bg-primary)] text-[var(--dg-text-primary)] whitespace-pre-wrap break-all'
@@ -524,7 +524,9 @@ export default function QueriesPage() {
                         <th className="text-left px-3 py-2 font-semibold text-xs text-[var(--dg-text-muted)] w-10">#</th>
                         {result.columns.map(col => (
                           <th key={col} onClick={() => handleSort(col)}
-                            className="text-left px-3 py-2 font-semibold text-xs cursor-pointer hover:text-blue-400 transition-colors select-none whitespace-nowrap">
+                            className={`text-left px-4 py-2 font-semibold text-xs cursor-pointer hover:text-blue-400 transition-colors select-none ${
+                              dbType === 'redis' ? 'min-w-[200px]' : 'whitespace-nowrap'
+                            }`}>
                             <div className="flex items-center gap-1">
                               {col} <SortIcon col={col} />
                               {result.masked_columns?.includes(col) && (
@@ -547,9 +549,15 @@ export default function QueriesPage() {
                               const cellValue = row[col] ?? '';
                               const { text: displayText, isJson } = formatCellValue(cellValue);
                               return (
-                                <td key={col} className={`px-3 py-2 text-xs ${isJson ? 'max-w-[500px] whitespace-pre-wrap break-all font-mono text-[11px] leading-relaxed' : 'whitespace-pre-wrap break-words'}`} title={String(cellValue)}>
+                                <td key={col} className={`px-4 py-2.5 text-xs ${
+                                  isJson
+                                    ? 'max-w-[600px] whitespace-pre-wrap break-all font-mono text-[12px] leading-relaxed text-blue-300'
+                                    : dbType === 'redis'
+                                      ? 'whitespace-pre-wrap break-all font-mono text-[12px]'
+                                      : 'whitespace-pre-wrap break-words'
+                                }`} title={String(cellValue)}>
                                   {isMasked ? <span className="text-yellow-400 italic">{String(cellValue)}</span> :
-                                   isJson ? <span className="text-blue-300">{displayText}</span> :
+                                   isJson ? displayText :
                                    String(cellValue)}
                                 </td>
                               );