38 lines
2.1 KiB
TypeScript
38 lines
2.1 KiB
TypeScript
|
import Link from 'next/link'
|
||
|
|
import React from 'react'
|
||
|
|
|
||
|
|
export default function Profile() {
|
||
|
|
return (
|
||
|
|
<div className='w-screen h-screen bg-black'
|
||
|
|
// style={{ 'background': 'conic-gradient(from 210deg, #c6bcb9 0.000deg, #c6bcb9 24.000deg, #b9b6b9 calc(24.000deg + 0.1deg), #b9b6b9 48.000deg, #aab0b8 calc(48.000deg + 0.1deg), #aab0b8 72.000deg, #9ba9b6 calc(72.000deg + 0.1deg), #9ba9b6 96.000deg, #8ca2b4 calc(96.000deg + 0.1deg), #8ca2b4 120.000deg, #7e99b0 calc(120.000deg + 0.1deg), #7e99b0 144.000deg, #7191ac calc(144.000deg + 0.1deg), #7191ac 168.000deg, #6688a7 calc(168.000deg + 0.1deg), #6688a7 192.000deg, #5d7fa2 calc(192.000deg + 0.1deg), #5d7fa2 216.000deg, #56769c calc(216.000deg + 0.1deg), #56769c 240.000deg, #526d95 calc(240.000deg + 0.1deg), #526d95 264.000deg, #50648e calc(264.000deg + 0.1deg), #50648e 288.000deg, #515b86 calc(288.000deg + 0.1deg), #515b86 312.000deg, #55547e calc(312.000deg + 0.1deg), #55547e 336.000deg, #5c4c75 calc(336.000deg + 0.1deg) 360.000deg)' }}
|
||
|
|
|
||
|
|
>
|
||
|
|
<div className='grow flex flex-col items-center align-middle justify-center h-full w-full'>
|
||
|
|
|
||
|
|
<div
|
||
|
|
className='bg-white/10 w-full h-full lg:h-[90%] lg:w-[90%] m-2 backdrop-blur-lg flex flex-col border border-white/20 shadow-lg'
|
||
|
|
>
|
||
|
|
|
||
|
|
<div className='bg-purple-950 text-white flex justify-evenly'>
|
||
|
|
<button className='p-2 grow hover:backdrop-blur-lg hover:bg-white/10'>Room Details</button>
|
||
|
|
<button className='p-2 grow hover:backdrop-blur-lg hover:bg-white/10'>Audiance</button>
|
||
|
|
<button className='p-2 grow hover:backdrop-blur-lg hover:bg-white/10'>Rules</button>
|
||
|
|
<button className='p-2 grow hover:backdrop-blur-lg hover:bg-white/10'>Guest List</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
function RoomCard({
|
||
|
|
title,
|
||
|
|
room,
|
||
|
|
}: {
|
||
|
|
title: string
|
||
|
|
room: string
|
||
|
|
}) {
|
||
|
|
return <Link href={`/testb?room=${room}`}><div>{title}</div></Link>
|
||
|
|
}
|