11 lines
459 B
TypeScript
11 lines
459 B
TypeScript
export function MobileFrame({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<div className="relative mx-auto border-neutral-800 bg-neutral-800 border-[8px] rounded-[2.5rem] h-[600px] w-[300px] shadow-2xl overflow-hidden">
|
|
<div className="absolute top-0 inset-x-0 h-6 bg-neutral-800 rounded-b-xl z-20 w-32 mx-auto" />
|
|
<div className="relative h-full w-full bg-black overflow-hidden">
|
|
{children}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|