corrections updated
@ -13,17 +13,17 @@ const CoverLockScreen = () => {
|
||||
<div className="absolute inset-0">
|
||||
<img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
|
||||
</div>
|
||||
<div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
|
||||
<img src="/assets/images/auth/coming-soon-object1.png" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
|
||||
<img src="/assets/images/auth/coming-soon-object2.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
|
||||
<img src="/assets/images/auth/coming-soon-object3.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
|
||||
<img src="/assets/images/auth/polygon-object.svg" alt="image" className="absolute bottom-0 end-[28%]" />
|
||||
<div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/5.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
|
||||
<img src="/assets/images/auth/1.png" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
|
||||
<img src="/assets/images/auth/4.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
|
||||
<img src="/assets/images/auth/2.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
|
||||
<img src="/assets/images/auth/3.png" alt="image" className="absolute bottom-0 end-[28%]" />
|
||||
<div className="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
|
||||
<div className="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,#1a1f2b_35%,#3779b9_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
|
||||
<div className="absolute inset-y-0 w-8 from-[#3779b9]/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
|
||||
<div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
|
||||
<Link href="/" className="ms-10 block w-48 lg:w-72">
|
||||
<img src="/assets/images/auth/logo-white.svg" alt="Logo" className="w-full" />
|
||||
<img src="/assets/images/logo.png" alt="Logo" className="w-full" />
|
||||
</Link>
|
||||
<div className="mt-24 hidden w-full max-w-[430px] lg:block">
|
||||
<img src="/assets/images/auth/unlock.svg" alt="Cover Image" className="w-full" />
|
||||
@ -33,7 +33,7 @@ const CoverLockScreen = () => {
|
||||
<div className="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
|
||||
{/* <div className="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
|
||||
<Link href="/" className="block w-8 lg:hidden">
|
||||
<img src="/assets/images/logo.svg" alt="Logo" className="mx-auto w-10" />
|
||||
<img src="/assets/images/logo.png" alt="Logo" className="mx-auto w-10" />
|
||||
</Link>
|
||||
<LanguageDropdown className="ms-auto w-max" />
|
||||
</div> */}
|
||||
|
||||
@ -17,17 +17,17 @@ export default function CoverForgotPassword() {
|
||||
<div className="absolute inset-0">
|
||||
<img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
|
||||
</div>
|
||||
<div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/bg.webp)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
|
||||
<img src="/assets/images/auth/left.webp" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
|
||||
<img src="/assets/images/auth/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
|
||||
<img src="/assets/images/auth/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" />
|
||||
<img src="/assets/images/auth/bottom.webp" alt="image" className="absolute bottom-0 end-[28%]" />
|
||||
<div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/5.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
|
||||
<img src="/assets/images/auth/1.png" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
|
||||
<img src="/assets/images/auth/4.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
|
||||
<img src="/assets/images/auth/2.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
|
||||
<img src="/assets/images/auth/3.png" alt="image" className="absolute bottom-0 end-[28%]" />
|
||||
<div className="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
|
||||
<div className="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,#1a1f2b_35%,#3779b9_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
|
||||
<div className="absolute inset-y-0 w-8 from-[#3779b9]/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
|
||||
<div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
|
||||
<Link href="/" className="ms-10 block w-48 lg:w-72">
|
||||
<img src="/assets/images/white-logo.png" alt="Logo" className="w-full" />
|
||||
<img src="/assets/images/logo.png" alt="Logo" className="w-full" />
|
||||
</Link>
|
||||
<div className="mt-24 hidden w-full max-w-[430px] lg:block">
|
||||
<img src="/assets/images/auth/register.svg" alt="Cover Image" className="w-full" />
|
||||
@ -39,7 +39,7 @@ export default function CoverForgotPassword() {
|
||||
<div className="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
|
||||
<div className="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
|
||||
<Link href="/" className="block w-8 lg:hidden">
|
||||
<img src="/assets/images/logo.svg" alt="Logo" className="mx-auto w-10" />
|
||||
<img src="/assets/images/logo.png" alt="Logo" className="mx-auto w-10" />
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
|
||||
@ -19,17 +19,17 @@ const CoverLogin = () => {
|
||||
<div className="absolute inset-0">
|
||||
<img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
|
||||
</div>
|
||||
<div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/bg.webp)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
|
||||
<img src="/assets/images/auth/left.webp" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
|
||||
<img src="/assets/images/auth/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
|
||||
<img src="/assets/images/auth/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" />
|
||||
<img src="/assets/images/auth/bottom.webp" alt="image" className="absolute bottom-0 end-[28%]" />
|
||||
<div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/5.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
|
||||
<img src="/assets/images/auth/1.png" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
|
||||
<img src="/assets/images/auth/4.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
|
||||
<img src="/assets/images/auth/2.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
|
||||
<img src="/assets/images/auth/3.png" alt="image" className="absolute bottom-0 end-[28%]" />
|
||||
<div className="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
|
||||
<div className="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,#1a1f2b_35%,#3779b9_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
|
||||
<div className="absolute inset-y-0 w-8 from-[#3779b9]/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
|
||||
<div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
|
||||
<Link href="/" className="ms-10 block w-48 lg:w-72">
|
||||
<img src="/assets/images/white-logo.png" alt="Logo" className="w-full" />
|
||||
<img src="/assets/images/logo.png" alt="Logo" className="w-full" />
|
||||
</Link>
|
||||
<div className="mt-24 hidden w-full max-w-[430px] lg:block">
|
||||
<img src="/assets/images/auth/sign-in.webp" alt="Cover Image" className="w-full" />
|
||||
@ -39,7 +39,7 @@ const CoverLogin = () => {
|
||||
<div className="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
|
||||
<div className="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
|
||||
<Link href="/" className="block w-8 lg:hidden">
|
||||
<img src="/assets/images/logo.svg" alt="Logo" className="mx-auto w-10" />
|
||||
<img src="/assets/images/logo.png" alt="Logo" className="mx-auto w-10" />
|
||||
</Link>
|
||||
{/* <LanguageDropdown className="ms-auto w-max" /> */}
|
||||
</div>
|
||||
|
||||
@ -19,17 +19,17 @@ const CoverRegister = () => {
|
||||
<div className="absolute inset-0">
|
||||
<img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
|
||||
</div>
|
||||
<div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/bg.webp)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
|
||||
<img src="/assets/images/auth/left.webp" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
|
||||
<img src="/assets/images/auth/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
|
||||
<img src="/assets/images/auth/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" />
|
||||
<img src="/assets/images/auth/bottom.webp" alt="image" className="absolute bottom-0 end-[28%]" />
|
||||
<div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/5.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
|
||||
<img src="/assets/images/auth/1.png" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
|
||||
<img src="/assets/images/auth/4.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
|
||||
<img src="/assets/images/auth/2.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
|
||||
<img src="/assets/images/auth/3.png" alt="image" className="absolute bottom-0 end-[28%]" />
|
||||
<div className="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
|
||||
<div className="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,#1a1f2b_35%,#3779b9_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
|
||||
<div className="absolute inset-y-0 w-8 from-[#3779b9]/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
|
||||
<div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
|
||||
<Link href="/" className="ms-10 block w-48 lg:w-72">
|
||||
<img src="/assets/images/white-logo.png" alt="Logo" className="w-full" />
|
||||
<img src="/assets/images/logo.png" alt="Logo" className="w-full" />
|
||||
</Link>
|
||||
<div className="mt-24 hidden w-full max-w-[430px] lg:block">
|
||||
<img src="/assets/images/auth/register.svg" alt="Cover Image" className="w-full" />
|
||||
@ -39,7 +39,7 @@ const CoverRegister = () => {
|
||||
<div className="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
|
||||
<div className="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
|
||||
<Link href="/" className="block w-8 lg:hidden">
|
||||
<img src="/assets/images/logo.svg" alt="Logo" className="mx-auto w-10" />
|
||||
<img src="/assets/images/logo.png" alt="Logo" className="mx-auto w-10" />
|
||||
</Link>
|
||||
{/* <LanguageDropdown className="ms-auto w-max" /> */}
|
||||
</div>
|
||||
|
||||
@ -18,17 +18,17 @@ export default function CoverForgotPassword() {
|
||||
<div className="absolute inset-0">
|
||||
<img src="/assets/images/auth/bg-gradient.png" alt="image" className="h-full w-full object-cover" />
|
||||
</div>
|
||||
<div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/bg.webp)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
|
||||
<img src="/assets/images/auth/left.webp" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
|
||||
<img src="/assets/images/auth/top.webp" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
|
||||
<img src="/assets/images/auth/top-right.webp" alt="image" className="absolute right-0 top-0 h-[300px]" />
|
||||
<img src="/assets/images/auth/bottom.webp" alt="image" className="absolute bottom-0 end-[28%]" />
|
||||
<div className="relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/5.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
|
||||
<img src="/assets/images/auth/1.png" alt="image" className="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2" />
|
||||
<img src="/assets/images/auth/4.png" alt="image" className="absolute left-24 top-0 h-40 md:left-[30%]" />
|
||||
<img src="/assets/images/auth/2.png" alt="image" className="absolute right-0 top-0 h-[300px]" />
|
||||
<img src="/assets/images/auth/3.png" alt="image" className="absolute bottom-0 end-[28%]" />
|
||||
<div className="relative flex w-full max-w-[1502px] flex-col justify-between overflow-hidden rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 lg:min-h-[758px] lg:flex-row lg:gap-10 xl:gap-0">
|
||||
<div className="relative hidden w-full items-center justify-center bg-[linear-gradient(225deg,#1a1f2b_35%,#3779b9_100%)] p-5 lg:inline-flex lg:max-w-[835px] xl:-ms-28 ltr:xl:skew-x-[14deg] rtl:xl:skew-x-[-14deg]">
|
||||
<div className="absolute inset-y-0 w-8 from-[#3779b9]/10 via-transparent to-transparent ltr:-right-10 ltr:bg-gradient-to-r rtl:-left-10 rtl:bg-gradient-to-l xl:w-16 ltr:xl:-right-20 rtl:xl:-left-20"></div>
|
||||
<div className="ltr:xl:-skew-x-[14deg] rtl:xl:skew-x-[14deg]">
|
||||
<Link href="/" className="ms-10 block w-48 lg:w-72">
|
||||
<img src="/assets/images/white-logo.png" alt="Logo" className="w-full" />
|
||||
<img src="/assets/images/logo.png" alt="Logo" className="w-full" />
|
||||
</Link>
|
||||
<div className="mt-24 hidden w-full max-w-[430px] lg:block">
|
||||
<img src="/assets/images/auth/register.svg" alt="Cover Image" className="w-full" />
|
||||
@ -40,7 +40,7 @@ export default function CoverForgotPassword() {
|
||||
<div className="relative flex w-full flex-col items-center justify-center gap-6 px-4 pb-16 pt-6 sm:px-6 lg:max-w-[667px]">
|
||||
<div className="flex w-full max-w-[440px] items-center gap-2 lg:absolute lg:end-6 lg:top-6 lg:max-w-full">
|
||||
<Link href="/" className="block w-8 lg:hidden">
|
||||
<img src="/assets/images/logo.svg" alt="Logo" className="mx-auto w-10" />
|
||||
<img src="/assets/images/logo.png" alt="Logo" className="mx-auto w-10" />
|
||||
</Link>
|
||||
</div>
|
||||
|
||||
|
||||
BIN
app/icon.png
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.6 KiB |
BIN
app/icon2.png
Normal file
|
After Width: | Height: | Size: 4.1 KiB |
@ -2,7 +2,7 @@ import React from 'react';
|
||||
|
||||
const Loading = () => {
|
||||
return (
|
||||
<div className="screen_loader animate__animated fixed inset-0 z-[60] grid place-content-center bg-[#fafafa] dark:bg-[#060818]">
|
||||
<div className="screen_loader animate__animated fixed inset-0 z-[60] grid place-content-center bg-[#1a1f2b]">
|
||||
{/* <svg width="64" height="64" viewBox="0 0 135 135" xmlns="http://www.w3.org/2000/svg" fill="#325aa9">
|
||||
<path d="M67.447 58c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm9.448 9.447c0 5.523 4.477 10 10 10 5.522 0 10-4.477 10-10s-4.478-10-10-10c-5.523 0-10 4.477-10 10zm-9.448 9.448c-5.523 0-10 4.477-10 10 0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10zM58 67.447c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10z">
|
||||
<animateTransform attributeName="transform" type="rotate" from="0 67 67" to="-360 67 67" dur="2.5s" repeatCount="indefinite" />
|
||||
@ -11,7 +11,7 @@ const Loading = () => {
|
||||
<animateTransform attributeName="transform" type="rotate" from="0 67 67" to="360 67 67" dur="8s" repeatCount="indefinite" />
|
||||
</path>
|
||||
</svg> */}
|
||||
<img src="/assets/images/black-logo.png" alt="logo" />
|
||||
<img src="/assets/images/loader-logo.png" alt="logo" className="w-20 animate-spin" />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
@ -104,34 +104,13 @@ const Sidebar = () => {
|
||||
</div>
|
||||
<PerfectScrollbar className="relative h-[calc(100vh-80px)]">
|
||||
<ul className="relative space-y-0.5 p-4 py-0 font-semibold">
|
||||
<li className="menu nav-item">
|
||||
<button type="button" className={`${currentMenu === 'dashboard' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('dashboard')}>
|
||||
<li className="nav-item">
|
||||
<Link href="/" className="group">
|
||||
<div className="flex items-center">
|
||||
<IconMenuDashboard className="shrink-0 group-hover:!text-primary text-white/50" />
|
||||
<span className="text-white ltr:pl-3 rtl:pr-3">{t('dashboard')}</span>
|
||||
<span className="text-white ltr:pl-3 rtl:pr-3">{t('Dashboard')}</span>
|
||||
</div>
|
||||
|
||||
<div className={currentMenu !== 'dashboard' ? '-rotate-90 rtl:rotate-90' : ''}>
|
||||
<IconCaretDown className="text-white/50" />
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<AnimateHeight duration={300} height={currentMenu === 'dashboard' ? 'auto' : 0}>
|
||||
<ul className="sub-menu text-white/70">
|
||||
<li>
|
||||
<Link href="/">{t('sales')}</Link>
|
||||
</li>
|
||||
{/* <li>
|
||||
<Link href="/analytics">{t('analytics')}</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/finance">{t('finance')}</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/crypto">{t('crypto')}</Link>
|
||||
</li> */}
|
||||
</ul>
|
||||
</AnimateHeight>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
|
||||
@ -141,11 +120,31 @@ const Sidebar = () => {
|
||||
|
||||
<li className="nav-item">
|
||||
<ul>
|
||||
<li className="nav-item">
|
||||
<Link href="/crawl" className="group">
|
||||
{/* <li className="menu nav-item">
|
||||
<button type="button" className={`${currentMenu === 'apps' ? 'active' : ''} nav-link group w-full`} onClick={() => toggleMenu('apps')}>
|
||||
<div className="flex items-center">
|
||||
<IconMenuChat className="shrink-0 group-hover:!text-primary text-white/50" />
|
||||
<span className="text-white ltr:pl-3 rtl:pr-3">{t('crawl')}</span>
|
||||
<span className="text-white ltr:pl-3 rtl:pr-3">{t('Apps')}</span>
|
||||
</div>
|
||||
|
||||
<div className={currentMenu !== 'apps' ? '-rotate-90 rtl:rotate-90' : ''}>
|
||||
<IconCaretDown className="text-white/50" />
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<AnimateHeight duration={300} height={currentMenu === 'apps' ? 'auto' : 0}>
|
||||
<ul className="sub-menu text-white/70">
|
||||
<li>
|
||||
<Link href="/crawl">{t('Comment Crawl')}</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</AnimateHeight>
|
||||
</li> */}
|
||||
<li className="nav-item">
|
||||
<Link href="/blog" className="group">
|
||||
<div className="flex items-center">
|
||||
<IconMenuNotes className="shrink-0 group-hover:!text-primary text-white/50" />
|
||||
<span className="text-white ltr:pl-3 rtl:pr-3">{t('Blog')}</span>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
@ -232,6 +231,32 @@ const Sidebar = () => {
|
||||
</li>
|
||||
|
||||
<h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
|
||||
<IconMinus className="hidden h-5 w-4 flex-none" />
|
||||
<span>{t('domains')}</span>
|
||||
</h2>
|
||||
|
||||
<li className="nav-item">
|
||||
<ul>
|
||||
<li className="nav-item">
|
||||
<Link href="/reverse-proxy" className="group">
|
||||
<div className="flex items-center">
|
||||
<IconMenuComponents className="shrink-0 group-hover:!text-primary text-white/50" />
|
||||
<span className="text-white ltr:pl-3 rtl:pr-3">{t('Reverse Proxy')}</span>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<Link href="/ssl-checker" className="group">
|
||||
<div className="flex items-center">
|
||||
<IconMenuComponents className="shrink-0 group-hover:!text-primary text-white/50" />
|
||||
<span className="text-white ltr:pl-3 rtl:pr-3">{t('SSL Checker')}</span>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
{/* <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
|
||||
<IconMinus className="hidden h-5 w-4 flex-none" />
|
||||
<span>{t('user_interface')}</span>
|
||||
</h2>
|
||||
@ -368,7 +393,7 @@ const Sidebar = () => {
|
||||
</AnimateHeight>
|
||||
</li>
|
||||
|
||||
<li className="menu nav-item">
|
||||
{/* <li className="menu nav-item">
|
||||
<Link href="/charts" className="group">
|
||||
<div className="flex items-center">
|
||||
<IconMenuCharts className="shrink-0 group-hover:!text-primary text-white/50" />
|
||||
@ -402,9 +427,9 @@ const Sidebar = () => {
|
||||
<span className="text-black ltr:pl-3 rtl:pr-3 dark:text-[#506690] dark:group-hover:text-white-dark">{t('drag_and_drop')}</span>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
</li> */}
|
||||
|
||||
<h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
|
||||
{/* <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
|
||||
<IconMinus className="hidden h-5 w-4 flex-none" />
|
||||
<span>{t('tables_and_forms')}</span>
|
||||
</h2>
|
||||
@ -530,9 +555,9 @@ const Sidebar = () => {
|
||||
</li>
|
||||
</ul>
|
||||
</AnimateHeight>
|
||||
</li>
|
||||
</li> */}
|
||||
|
||||
<h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
|
||||
{/* <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
|
||||
<IconMinus className="hidden h-5 w-4 flex-none" />
|
||||
<span>{t('user_and_pages')}</span>
|
||||
</h2>
|
||||
@ -604,9 +629,8 @@ const Sidebar = () => {
|
||||
<li className="menu nav-item">
|
||||
<button
|
||||
type="button"
|
||||
className={`${
|
||||
errorSubMenu ? 'open' : ''
|
||||
} w-full before:h-[5px] before:w-[5px] before:rounded before:bg-gray-300 hover:bg-gray-100 ltr:before:mr-2 rtl:before:ml-2 dark:text-[#888ea8] dark:hover:bg-gray-900`}
|
||||
className={`${errorSubMenu ? 'open' : ''
|
||||
} w-full before:h-[5px] before:w-[5px] before:rounded before:bg-gray-300 hover:bg-gray-100 ltr:before:mr-2 rtl:before:ml-2 dark:text-[#888ea8] dark:hover:bg-gray-900`}
|
||||
onClick={() => setErrorSubMenu(!errorSubMenu)}
|
||||
>
|
||||
{t('error')}
|
||||
@ -702,7 +726,8 @@ const Sidebar = () => {
|
||||
</AnimateHeight>
|
||||
</li>
|
||||
*/}
|
||||
<h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
|
||||
|
||||
{/* <h2 className="-mx-4 mb-1 flex items-center bg-white-light/10 px-7 py-3 font-extrabold uppercase text-white/50">
|
||||
<IconMinus className="hidden h-5 w-4 flex-none" />
|
||||
<span>{t('supports')}</span>
|
||||
</h2>
|
||||
@ -714,7 +739,7 @@ const Sidebar = () => {
|
||||
<span className="text-white ltr:pl-3 rtl:pr-3">{t('documentation')}</span>
|
||||
</div>
|
||||
</Link>
|
||||
</li>
|
||||
</li> */}
|
||||
</ul>
|
||||
</PerfectScrollbar>
|
||||
</div>
|
||||
|
||||
BIN
public/assets/images/auth/1.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
public/assets/images/auth/2.png
Normal file
|
After Width: | Height: | Size: 64 KiB |
BIN
public/assets/images/auth/3.png
Normal file
|
After Width: | Height: | Size: 38 KiB |
BIN
public/assets/images/auth/4.png
Normal file
|
After Width: | Height: | Size: 27 KiB |
BIN
public/assets/images/auth/5.png
Normal file
|
After Width: | Height: | Size: 358 KiB |
|
Before Width: | Height: | Size: 146 KiB After Width: | Height: | Size: 206 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.6 KiB |
BIN
public/assets/images/loader-logo.png
Normal file
|
After Width: | Height: | Size: 4.6 KiB |
BIN
public/assets/images/logo.png
Normal file
|
After Width: | Height: | Size: 5.5 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 2.3 KiB |
@ -1,5 +1,6 @@
|
||||
{
|
||||
"dashboard": "Dashboard",
|
||||
"add_blog": "Add Blog",
|
||||
"sales": "Sales",
|
||||
"analytics": "Analytics",
|
||||
"apps": "Apps",
|
||||
@ -23,6 +24,10 @@
|
||||
"finance": "Finance",
|
||||
"crypto": "Crypto",
|
||||
"chat": "Chat",
|
||||
"blog": "Blog",
|
||||
"domains": "Domains",
|
||||
"reverse_proxy": "Reverse Proxy",
|
||||
"ssl_checker": "SSL Checker",
|
||||
"mailbox": "Mailbox",
|
||||
"todo_list": "Todo List",
|
||||
"notes": "Notes",
|
||||
|
||||