chore(web): remove stale scrollbar-thin className references

.scrollbar-thin was replaced by global *::-webkit-scrollbar rules in
index.css. The 8 className references across 5 components became dead
code — the global rules apply regardless. Removing them keeps the
codebase consistent with the stylesheet and eliminates the misleading
implication that per-element scrollbar customisation is active.
This commit is contained in:
Sparsh 2026-05-19 00:59:58 +05:30
parent b9b3ec6a63
commit 6ddb5ab9fd
5 changed files with 8 additions and 8 deletions

View file

@ -377,7 +377,7 @@ export const CodeReferencesPanel = ({ onFocusNode }: CodeReferencesPanelProps) =
<X className="h-4 w-4" />
</button>
</div>
<div ref={selectedViewerRef} className="scrollbar-thin min-h-0 flex-1 overflow-auto">
<div ref={selectedViewerRef} className="min-h-0 flex-1 overflow-auto">
{isLoadingFile ? (
<div className="flex items-center justify-center gap-2 py-8 text-text-muted">
<Loader2 className="h-4 w-4 animate-spin" />
@ -453,7 +453,7 @@ export const CodeReferencesPanel = ({ onFocusNode }: CodeReferencesPanelProps) =
{aiReferences.length} reference{aiReferences.length !== 1 ? 's' : ''}
</span>
</div>
<div className="scrollbar-thin min-h-0 flex-1 space-y-3 overflow-y-auto p-3">
<div className="min-h-0 flex-1 space-y-3 overflow-y-auto p-3">
{refsWithSnippets.map(
({ ref, content, start, highlightStart, highlightEnd, totalLines }) => {
const nodeColor = ref.label

View file

@ -384,7 +384,7 @@ export const FileTreePanel = ({ onFocusNode }: FileTreePanelProps) => {
</div>
{/* File tree */}
<div className="scrollbar-thin flex-1 overflow-y-auto py-2">
<div className="flex-1 overflow-y-auto py-2">
{fileTree.length === 0 ? (
<div className="px-3 py-4 text-center text-xs text-text-muted">No files loaded</div>
) : (
@ -406,7 +406,7 @@ export const FileTreePanel = ({ onFocusNode }: FileTreePanelProps) => {
)}
{activeTab === 'filters' && (
<div className="scrollbar-thin flex-1 overflow-y-auto p-3">
<div className="flex-1 overflow-y-auto p-3">
<div className="mb-3">
<h3 className="mb-2 text-xs font-medium tracking-wide text-text-secondary uppercase">
Node Types

View file

@ -361,7 +361,7 @@ export const ProcessesPanel = () => {
</div>
{/* Process list */}
<div className="scrollbar-thin flex-1 overflow-y-auto">
<div className="flex-1 overflow-y-auto">
{/* View All Processes Card */}
<div className="px-4 py-3">
<button

View file

@ -331,7 +331,7 @@ export const QueryFAB = () => {
</div>
{showResults && queryResult.rows.length > 0 && (
<div className="scrollbar-thin max-h-48 overflow-auto border-t border-border-subtle">
<div className="max-h-48 overflow-auto border-t border-border-subtle">
<table className="w-full text-xs">
<thead className="sticky top-0 bg-surface">
<tr>

View file

@ -290,7 +290,7 @@ export const RightPanel = () => {
)}
{/* Messages */}
<div ref={scrollContainerRef} className="scrollbar-thin flex-1 overflow-y-auto p-4">
<div ref={scrollContainerRef} className="flex-1 overflow-y-auto p-4">
{chatMessages.length === 0 ? (
<div className="flex h-full flex-col items-center justify-center px-4 text-center">
<div className="mb-4 flex h-14 w-14 items-center justify-center rounded-xl bg-gradient-to-br from-accent to-node-interface text-2xl shadow-glow">
@ -416,7 +416,7 @@ export const RightPanel = () => {
onKeyDown={handleKeyDown}
placeholder="Ask about the codebase..."
rows={1}
className="scrollbar-thin min-h-[36px] flex-1 resize-none border-none bg-transparent text-sm text-text-primary outline-none placeholder:text-text-muted"
className="min-h-[36px] flex-1 resize-none border-none bg-transparent text-sm text-text-primary outline-none placeholder:text-text-muted"
style={{ height: '36px', overflowY: 'hidden' }}
/>
<button