feat(webapp): change player style

binbat · Dec 26, 2023 · 3105651 · 3105651
1 parent 58f6447
commit 3105651
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/webapp/components/player/whep-player.tsx b/webapp/components/player/whep-player.tsx
@@ -89,7 +89,9 @@ export default function WhepPlayer(props: { streamId: string, status: UserStatus
         }
       </center>
 
-      <details className='text-white'>
+      <details className='text-white mx-2 text-sm font-border' style={{
+        position: 'absolute',
+      }}>
         <summary className='text-center'>{props.status.name}</summary>
         <center>
           <div className='flex flex-row flex-wrap justify-around'>

diff --git a/webapp/components/player/whip-player.tsx b/webapp/components/player/whip-player.tsx
@@ -147,7 +147,9 @@ export default function WhipPlayer(props: { streamId: string, width: string }) {
         }
       </center>
 
-      <details className='text-white'>
+      <details className='text-white mx-2 text-sm font-border' style={{
+        position: 'absolute',
+      }}>
         <summary className='text-center'>{localUserStatus.name}</summary>
         <center>
           <div className='flex flex-row flex-wrap justify-around'>

diff --git a/webapp/index.css b/webapp/index.css
@@ -23,3 +23,9 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+.font-border {
+  font: caption;
+  -webkit-text-stroke: 0.5px black;
+  text-stroke: 0.5px black;
+}