Wrap AudioPlayer inside a div

2026-09-22 13:38:38 +00:00 · 2024-04-06 22:24:48 +07:00
parent 7aea7703f6
commit fd59ea54b8
1 changed files with 18 additions and 14 deletions
@@ -65,20 +65,24 @@ export default function PreviewAudio({ file }: Props) {
          <span className='text-center text-destructive'>{error}</span>
        </div>
      ) : (
-        <AudioPlayer
-          autoPlay={false}
-          layout='stacked-reverse'
-          src={audioSrc}
-          showJumpControls={false}
-          showFilledVolume
-          style={{
-            borderRadius: "var(--radius)",
-          }}
-          onError={(e) => {
-            console.error(e);
-            setError("Could not preview this audio, try downloading the file");
-          }}
-        />
+        <div className='w-full'>
+          <AudioPlayer
+            autoPlay={false}
+            layout='stacked-reverse'
+            src={audioSrc}
+            showJumpControls={false}
+            showFilledVolume
+            style={{
+              borderRadius: "var(--radius)",
+            }}
+            onError={(e) => {
+              console.error(e);
+              setError(
+                "Could not preview this audio, try downloading the file",
+              );
+            }}
+          />
+        </div>
      )}
    </div>
  );