Anjing Webshells

Website : rimsha.abasa.com
: / var / www / mudeer-web / src / app / (auth) /
Filename : layout.tsx
back
'use client'

import React from 'react';
import { Logo2 } from '../public/svgs/svgs';
import { Login2 } from '../public/svgs/svgs';
import Link from 'next/link';

export default function LoginLayout({
    children,
  }: {
    children: React.ReactNode
  }) {
    
return (
    <>
      <div className='h-screen w-full flex flex-col lg:flex-row' >
          <div className="w-full lg:w-1/2 flex flex-col h-screen">
            <div className="flex-shrink-0 px-4 sm:px-6 xl:px-8 pt-8 xl:pt-16">
              <div className='w-[95%] md:w-[85%] xl:w-[70%] mx-auto'>
                <div className='pl-2'>
                  <Link href={"/"}>
                  <Logo2 className="w-52 sm:w-36 xl:w-[300px] h-auto" />
                  </Link>
                </div>
              </div>
            </div>
            
            <div className="flex-1 overflow-y-auto px-4 sm:px-6 xl:px-8 py-4">
              <div className='w-[95%] md:w-[85%] xl:w-[70%] mx-auto'>
                {children}
              </div>
            </div>
            
            <div className="flex-shrink-0 px-4 sm:px-6 xl:px-8 pb-8 xl:pb-16">
              <div className="text-xs text-center text-gray-700">
                <p>&copy; 2025 Mudeer | All rights reserved. </p>
              </div>
            </div>
          </div>
          
          <div className='hidden lg:flex lg:w-1/2 h-full overflow-hidden'>
            <Login2 />
          </div>
      </div>
    </>
  );
  }