use para isntead of text from roomkit

adityathakurxd · Mar 7, 2024 · 96d76e6 · 96d76e6
1 parent 411be01
commit 96d76e6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/app/components/Conference.tsx b/app/components/Conference.tsx
@@ -12,8 +12,6 @@ import { LiveResults } from './LiveResults'
 import Footer from './Footer'
 import CopyButton from './CopyButton'
 import { PeopleIcon } from '@100mslive/react-icons'
-import { Text } from '@100mslive/roomkit-react'
-
 const HOST_URL = 'wss://demo-yjs-server-production.up.railway.app'
 
 function Conference() {
@@ -34,9 +32,7 @@ function Conference() {
 				<div className="peers-container">
 					<div className="peer-count-container">
 						<PeopleIcon />
-						<Text variant="sm" css={{ mx: '$4', c: 'inherit' }}>
-							{peerCount}
-						</Text>
+						<p className='peer-count-text'> {peerCount}</p>
 					</div>
 					{peers?.[peerIndex]?.videoTrack ? <Peer peer={peers[peerIndex]} /> : null}
 					{peers?.[peerIndex + 1]?.videoTrack ? <Peer peer={peers[peerIndex + 1]} /> : null}

diff --git a/app/components/styles.css b/app/components/styles.css
@@ -56,12 +56,18 @@
 	display: flex;
 	flex-direction: row;
 	align-items: center;
-	margin-bottom: 10px;
+	margin-bottom: 5px;
+	padding: 0px;
 	border: solid 1px black;
 	width: fit-content;
+	height: 40px;
 	border-radius: 6px;
 }
 
+.peer-count-text {
+	padding: 10px 10px 10px 20px;
+}
+
 /* You can add more specific styles here */
 .tlui-navigation-zone {
 	display: none;