SoX 마이크 캡처 수정 + 카드 z-index 그림자

- AudioCaptureService: node-record-lpcm16 → SoX 직접 spawn
  Windows에서 '-t waveaudio default' 필수 (--default-device 미지원)
- DashboardPage: 각 섹션에 증가하는 zIndex 적용 (아래 카드가 상위 레이어)
This commit is contained in:
Yun Chan 2026-04-05 10:13:57 +09:00
parent 1647321540
commit eed225c8d4
2 changed files with 66 additions and 68 deletions

View file

@ -144,6 +144,7 @@ export function DashboardPage(): React.ReactElement {
return (
<Box sx={{ maxWidth: 900, mx: 'auto', p: 4, pb: 8 }}>
{/* ── 1. HERO 영역 ──────────────────────────── */}
<Box sx={{ position: 'relative', zIndex: 1 }}>
<InstrumentPanel
engravingLeft="D3RO-VOICE"
engravingRight="v1.0.0"
@ -202,10 +203,13 @@ export function DashboardPage(): React.ReactElement {
</Box>
</Box>
</InstrumentPanel>
</Box>
{/* ── 2. 통계 카드 ──────────────────────────── */}
<Box
sx={{
position: 'relative',
zIndex: 2,
display: 'grid',
gridTemplateColumns: 'repeat(4, 1fr)',
gap: 2,
@ -235,7 +239,7 @@ export function DashboardPage(): React.ReactElement {
</Box>
{/* ── 3. 서비스 상태 (CRT 컴팩트) ────────────── */}
<Box sx={{ mt: 3 }}>
<Box sx={{ mt: 3, position: 'relative', zIndex: 3 }}>
<CrtDisplay amplitude={0.05} frequency={6} height={120}>
<Box
sx={{
@ -267,7 +271,7 @@ export function DashboardPage(): React.ReactElement {
</Box>
{/* ── 4. 최근 히스토리 ──────────────────────── */}
<Box sx={{ mt: 4 }}>
<Box sx={{ mt: 4, position: 'relative', zIndex: 4 }}>
<PhosphorText variant="label" sx={{ mb: 2, display: 'block', color: d3roPalette.text.inactive }}>
RECENT TRANSCRIPTIONS
</PhosphorText>