diff --git a/src/lib/components/chat/FileNav/FileEntryRow.svelte b/src/lib/components/chat/FileNav/FileEntryRow.svelte index 39405b5cca..2abde52d1e 100644 --- a/src/lib/components/chat/FileNav/FileEntryRow.svelte +++ b/src/lib/components/chat/FileNav/FileEntryRow.svelte @@ -195,7 +195,7 @@ // Custom drag ghost showing count const ghost = document.createElement('div'); ghost.style.cssText = - 'position:fixed;top:-1000px;left:-1000px;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;background:#374151;color:#fff;font-size:12px;white-space:nowrap;pointer-events:none;'; + 'position:fixed;top:-1000px;left:-1000px;display:flex;align-items:center;gap:0.375rem;padding:0.25rem 0.625rem;border-radius:0.5rem;background:#374151;color:#fff;font-size:0.75rem;white-space:nowrap;pointer-events:none;'; ghost.textContent = `${selectedPaths.size} items`; document.body.appendChild(ghost); e.dataTransfer?.setDragImage(ghost, 0, 0); diff --git a/src/lib/components/chat/FileNav/FilePreview.svelte b/src/lib/components/chat/FileNav/FilePreview.svelte index d80a408f26..8ef72ac6e3 100644 --- a/src/lib/components/chat/FileNav/FilePreview.svelte +++ b/src/lib/components/chat/FileNav/FilePreview.svelte @@ -480,7 +480,7 @@ } .csv-table th, .csv-table td { - padding: 4px 8px; + padding: 0.25rem 0.5rem; text-align: left; white-space: nowrap; border: 1px solid rgba(128, 128, 128, 0.15); @@ -520,7 +520,7 @@ text-align: right !important; user-select: none; width: 1px; - padding-right: 6px !important; + padding-right: 0.375rem !important; } :global(.dark) .csv-row-num { color: #6b7280; @@ -531,7 +531,7 @@ line-height: 1.6; color: #1f2937; background: #fff; - border-radius: 4px; + border-radius: 0.25rem; } :global(.dark .office-preview) { color: #e5e7eb; @@ -546,12 +546,12 @@ :global(.office-preview table td), :global(.office-preview table th) { border: 1px solid rgba(200, 200, 200, 0.5); - padding: 4px 10px; + padding: 0.25rem 0.625rem; text-align: left; white-space: nowrap; user-select: text; cursor: cell; - max-width: 300px; + max-width: 18.75rem; overflow: hidden; text-overflow: ellipsis; } @@ -569,7 +569,7 @@ font-weight: 500; font-size: 0.65rem; text-align: center; - padding: 3px 10px; + padding: 0.1875rem 0.625rem; border-bottom: 2px solid rgba(180, 180, 180, 0.6); } :global(.dark .office-preview table th.excel-col-hdr) { @@ -586,7 +586,7 @@ color: #999; font-size: 0.6rem; text-align: right !important; - padding: 4px 8px 4px 4px !important; + padding: 0.25rem 0.5rem 0.25rem 0.25rem !important; user-select: none; width: 1px; white-space: nowrap; diff --git a/src/lib/components/chat/FileNav/NotebookView.svelte b/src/lib/components/chat/FileNav/NotebookView.svelte index 7fcff1b8c1..de3aa4afee 100644 --- a/src/lib/components/chat/FileNav/NotebookView.svelte +++ b/src/lib/components/chat/FileNav/NotebookView.svelte @@ -603,7 +603,7 @@ .nb-output-html :global(td), .nb-output-html :global(th) { border: 1px solid rgba(128, 128, 128, 0.2); - padding: 3px 8px; + padding: 0.1875rem 0.5rem; text-align: left; } .nb-output-html :global(th) { diff --git a/src/lib/components/chat/FileNav/SqliteView.svelte b/src/lib/components/chat/FileNav/SqliteView.svelte index 2fb5fb6b73..46dc2731b4 100644 --- a/src/lib/components/chat/FileNav/SqliteView.svelte +++ b/src/lib/components/chat/FileNav/SqliteView.svelte @@ -311,7 +311,7 @@ } .sqlite-table th, .sqlite-table td { - padding: 4px 8px; + padding: 0.25rem 0.5rem; text-align: left; white-space: nowrap; border: 1px solid rgba(128, 128, 128, 0.15); @@ -341,7 +341,7 @@ } .sqlite-table td { color: #374151; - max-width: 300px; + max-width: 18.75rem; overflow: hidden; text-overflow: ellipsis; } @@ -354,7 +354,7 @@ text-align: right !important; user-select: none; width: 1px; - padding-right: 6px !important; + padding-right: 0.375rem !important; } :global(.dark) .sqlite-row-num { color: #6b7280;