wx44wx/livekit-znjj-demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updating layout and separation of connect modal (#55)

Browse Source
This commit is contained in:
mattherzog 2024-05-12 21:38:06 -07:00 committed by GitHub
parent 70f69a3cff
commit b25f3bb16a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/PlaygroundConnect.tsx
View File

@ -35,7 +35,7 @@ const TokenConnect = ({
return ( return (
<div className="flex left-0 top-0 w-full h-full bg-black/80 items-center justify-center text-center"> <div className="flex left-0 top-0 w-full h-full bg-black/80 items-center justify-center text-center">
<div className="flex flex-col gap-4 p-8 bg-gray-950 w-full max-w-[400px] rounded-lg text-white border border-gray-900"> <div className="flex flex-col gap-4 p-8 bg-gray-950 w-full text-white border-t border-gray-900">
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<input <input
value={url} value={url}
@ -88,14 +88,12 @@ export const PlaygroundConnect = ({
<div className="min-h-[540px]"> <div className="min-h-[540px]">
<div className="flex flex-col bg-gray-950 w-full max-w-[480px] rounded-lg text-white border border-gray-900"> <div className="flex flex-col bg-gray-950 w-full max-w-[480px] rounded-lg text-white border border-gray-900">
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<div className="px-10 space-y-2"> <div className="px-10 space-y-2 py-6">
<h1 className="text-2xl">Connect to playground</h1> <h1 className="text-2xl">Connect to playground</h1>
<p className="text-sm text-gray-500"> <p className="text-sm text-gray-500">{copy}</p>
{copy}
</p>
</div> </div>
{CLOUD_ENABLED && ( {CLOUD_ENABLED && (
<div className="flex justify-center pt-4 gap-4 border-b border-gray-900"> <div className="flex justify-center pt-2 gap-4 border-b border-t border-gray-900">
<ConnectTab <ConnectTab
active={showCloud} active={showCloud}
onClick={() => { onClick={() => {
@ -130,4 +128,3 @@ export const PlaygroundConnect = ({
</div> </div>
); );
}; };