From a70b1df1d0479117a7119e9dd9994c8284900517 Mon Sep 17 00:00:00 2001
From: a-wing <1@233.email>
Date: Thu, 28 Dec 2023 15:17:59 +0800
Subject: [PATCH] fix(webapp): player style

---
 webapp/components/player/whep-player.tsx | 2 +-
 webapp/components/player/whip-player.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/webapp/components/player/whep-player.tsx b/webapp/components/player/whep-player.tsx
index 683f246..71b4cd5 100644
--- a/webapp/components/player/whep-player.tsx
+++ b/webapp/components/player/whep-player.tsx
@@ -84,7 +84,7 @@ export default function WhepPlayer(props: { streamId: string, status: UserStatus
     <div className='flex flex-col'>
       <center>
         { loading
-          ? <SvgProgress/>
+          ? <div className='m-xl'><SvgProgress/></div>
           : <Player user={userStream} muted={false} width={props.width} display="auto" />
         }
       </center>
diff --git a/webapp/components/player/whip-player.tsx b/webapp/components/player/whip-player.tsx
index 1cc54ff..c85d0d2 100644
--- a/webapp/components/player/whip-player.tsx
+++ b/webapp/components/player/whip-player.tsx
@@ -142,7 +142,7 @@ export default function WhipPlayer(props: { streamId: string, width: string }) {
     <div className='flex flex-col'>
       <center>
         { loading
-          ? <SvgProgress/>
+          ? <div className='m-xl'><SvgProgress/></div>
           : <Player user={localStream} muted={true} width={props.width} display="auto" />
         }
       </center>