feat: add pan knob icon to Pan label

Added Move icon (crosshair/knob) to Pan label to match Volume's icon.
Now both controls have visual icons for better UI consistency.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-18 07:00:57 +01:00
parent b8d2cb9585
commit 8023369239

View File

@@ -1,7 +1,7 @@
'use client';
import * as React from 'react';
import { Volume2, VolumeX, Headphones, Trash2, ChevronDown, ChevronRight } from 'lucide-react';
import { Volume2, VolumeX, Headphones, Trash2, ChevronDown, ChevronRight, Move } from 'lucide-react';
import type { Track as TrackType } from '@/types/track';
import { Button } from '@/components/ui/Button';
import { Slider } from '@/components/ui/Slider';
@@ -283,7 +283,10 @@ export function Track({
{/* Pan */}
<div className="flex items-center gap-2">
<label className="text-xs text-muted-foreground w-16 flex-shrink-0">Pan</label>
<label className="text-xs text-muted-foreground flex items-center gap-1 w-16 flex-shrink-0">
<Move className="h-3 w-3" />
Pan
</label>
<div className="flex-1">
<Slider
value={track.pan}