From 23a855eb877293b978586c60b798ee9861009a8e Mon Sep 17 00:00:00 2001
From: Hk-Gosuto <yominogosuto@gmail.com>
Date: Fri, 10 Jan 2025 15:09:34 +0800
Subject: [PATCH] fix: canvas dpi

---
 .../openai-voice-visualizer/openai-voice-visualizer.tsx         | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/components/openai-voice-visualizer/openai-voice-visualizer.tsx b/app/components/openai-voice-visualizer/openai-voice-visualizer.tsx
index 5d1f1b3cc..3ae2a1f8e 100644
--- a/app/components/openai-voice-visualizer/openai-voice-visualizer.tsx
+++ b/app/components/openai-voice-visualizer/openai-voice-visualizer.tsx
@@ -231,6 +231,8 @@ export function OpenAIVoiceVisualizer({
     const dpi = window.devicePixelRatio || 1;
     canvasRef.current.width = CANVAS_SIZE * dpi;
     canvasRef.current.height = CANVAS_SIZE * dpi;
+    canvasRef.current.style.width = `${CANVAS_SIZE}px`;
+    canvasRef.current.style.height = `${CANVAS_SIZE}px`;
 
     const { gl, program } = initWebGL(
       canvasRef.current,