Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 435bc08f2f | |||
| 197d5f32ed |
@@ -1,32 +1,30 @@
|
|||||||
import { ReactNode, useState, useEffect } from 'react'
|
import { ReactNode, useState, useEffect } from 'react'
|
||||||
import { Link } from 'react-router-dom'
|
|
||||||
import Aside from './Aside'
|
import Aside from './Aside'
|
||||||
|
|
||||||
export default function DashboardLayout({children}:{children: ReactNode}) {
|
export default function DashboardLayout({children}:{children: ReactNode}) {
|
||||||
|
|
||||||
const [showAside, setShowAside] = useState(false)
|
const [showAside, setShowAside] = useState<boolean>(false)
|
||||||
|
|
||||||
let [widthSize, setWidthSize] = useState('')
|
|
||||||
|
|
||||||
|
|
||||||
const AsideDisplay = () => {
|
const AsideDisplay = () => {
|
||||||
setShowAside(prev => !prev)
|
setShowAside(prev => !prev)
|
||||||
}
|
}
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const screenResized = window.addEventListener('resize', ()=>{
|
const handleResize = () => {
|
||||||
setShowAside(false)
|
return setShowAside(false)
|
||||||
setWidthSize(window.innerWidth)
|
// setWidthSize(window.innerWidth)
|
||||||
})
|
|
||||||
|
|
||||||
return () => {
|
|
||||||
window.removeEventListener('resize', screenResized)
|
|
||||||
}
|
}
|
||||||
|
window.addEventListener('resize', handleResize)
|
||||||
|
|
||||||
|
// return () => {
|
||||||
|
// window.removeEventListener('resize', screenResized)
|
||||||
|
// }
|
||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='w-full max-w-[2000px] mx-auto h-screen flex bg-[#F9F9F9] text-black'>
|
<div className='w-full max-w-[2000px] mx-auto h-screen flex bg-[#020202] text-black'>
|
||||||
<aside className='w-[300px] bg-white hidden md:block border-r-2 border-[#E6E6E6]'>
|
<aside className='w-[300px] bg-white hidden md:block border-r-2 border-[#E6E6E6]'>
|
||||||
<Aside />
|
<Aside />
|
||||||
</aside>
|
</aside>
|
||||||
@@ -35,7 +33,7 @@ export default function DashboardLayout({children}:{children: ReactNode}) {
|
|||||||
<Aside />
|
<Aside />
|
||||||
</aside>
|
</aside>
|
||||||
|
|
||||||
<main className={`dash-bg-image relative w-full overflow-y-auto overflow-x-hidden`}>
|
<main className={`dash-bg-image bg-[#F9F9F9] relative w-full overflow-y-auto overflow-x-hidden`}>
|
||||||
<header className={`p-5 sticky z-10 top-0 w-full bg-[#F9F9F9] border-b-2 border-[#E6E6E6] bg-[url('../../../src/assets/images/dashboard/Ellipse1.png')] bg-no-repeat bg-[top_right]`}>
|
<header className={`p-5 sticky z-10 top-0 w-full bg-[#F9F9F9] border-b-2 border-[#E6E6E6] bg-[url('../../../src/assets/images/dashboard/Ellipse1.png')] bg-no-repeat bg-[top_right]`}>
|
||||||
<div className='h-14 w-full flex justify-end items-center gap-5'>
|
<div className='h-14 w-full flex justify-end items-center gap-5'>
|
||||||
{/* <div className=''>
|
{/* <div className=''>
|
||||||
|
|||||||
@@ -18,7 +18,7 @@ export default function Login() {
|
|||||||
password: ''
|
password: ''
|
||||||
})
|
})
|
||||||
|
|
||||||
const handleFormChange = ({target:{name, value}}:{target:HandleChange}):void => {
|
const handleFormChange = ({target:{name, value}}:{target:HandleChange}):any => {
|
||||||
setFormDetails(prev => ({...prev, [name]:value}))
|
setFormDetails(prev => ({...prev, [name]:value}))
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,7 @@ type Props = {
|
|||||||
labelName?:string,
|
labelName?:string,
|
||||||
inputClass?:string,
|
inputClass?:string,
|
||||||
value:string,
|
value:string,
|
||||||
onChange:()=>void
|
onChange:(event?: any)=>any
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function FloatLabelInput({
|
export default function FloatLabelInput({
|
||||||
|
|||||||
Reference in New Issue
Block a user