MamadAriaKia
/
CoffeeJoo_Panel_kafeDar
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

some changes

This commit is contained in:
Mahdi Rahimi 2025-12-25 20:29:13 +03:30
parent 3aee2cb101
commit 7646122e07
3 changed files with 232 additions and 232 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/layout/Header/header.jsx
View File

@ -30,10 +30,11 @@ import Arrow from "../../../assets/icons/arrow.svg";
import Vector7 from "../../../assets/icons/Vector7.svg";
import Pic from "../../../assets/icons/pic.png";
import toggleTheme from "../../ToggleTheme";
import { CgDarkMode } from "react-icons/cg";
const Header = ({ title }) => {
const Header = () => {
return (
<header className="flex bg-header items-center justify-end gap-4 p-3 ml-5 mr-2">
<header className="flex items-center justify-end gap-4 p-3">
{/* <h3 className="text-[#402E32] font-bold text-lg">{title}</h3> */}
<div className="flex items-center gap-2">
@ -42,9 +43,9 @@ const Header = ({ title }) => {
</div>
<button
onClick={toggleTheme}
className="w-12 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-header2 text-sm"
className="fixed top-16 left-2 w-12 h-10 flex justify-center items-center"
>
تغییر تم
<CgDarkMode className="w-6 h-6 text-[#8B8886]" />
</button>
</div>

2
src/components/layout/layout.jsx
View File

@ -35,7 +35,7 @@ export default function Layout() {
<div className="flex-1 flex flex-col min-h-screen w-full lg:mr-[220px]">
{/* Header */}
{showHeader && (
<div className="fixed top-0 right-0 left-0 lg:right-[220px] z-30 bg-[#FDF8F4] border-b border-[#e6e2de]">
<div className="fixed top-0 right-0 left-0 lg:right-[220px] z-30">
<Header title="مدیریت کافه‌ها" />
</div>
)}

37
src/pages/Login/Login.jsx
View File

@ -14,8 +14,8 @@ import { setProfile } from "../../redux/slices/profileSlice";
// Services
import authService from "../../services/auth";
import toggleTheme from "../../components/ToggleTheme";
import { CgDarkMode } from "react-icons/cg";
export default function Login() {
const navigate = useNavigate();
@ -69,9 +69,8 @@ export default function Login() {
return (
<div className="relative min-h-screen" dir="rtl">
{/* Header */}
<header className="fixed top-0 left-0 right-0 bg-white z-10 shadow-sm">
{/* <header className="fixed top-0 left-0 right-0 bg-white z-10 shadow-sm">
<div className="flex items-center justify-between px-6 md:px-8 lg:px-12 py-4">
{/* Left Section */}
<div className="flex items-center gap-4">
<img
src={LogoDM}
@ -101,13 +100,7 @@ export default function Login() {
</svg>
</div>
</div>
<button
onClick={toggleTheme}
className="w-12 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-header2 text-sm"
>
تغییر تم
</button>
{/* Center Links (Hidden on Mobile) */}
<nav className="hidden md:flex items-center gap-8 font-bold text-primary">
<a
href="#"
@ -135,15 +128,20 @@ export default function Login() {
</a>
</nav>
{/* Right Section */}
<button className="px-6 md:px-10 py-2 bg-button1 text-white rounded-full text-sm md:text-base font-medium hover:bg-[#5f494f] transition-colors">
ثبت نام
</button>
</div>
</header>
</header> */}
<button
onClick={toggleTheme}
className="fixed top-4 right-4 z-50 w-12 h-10 flex justify-center items-center"
>
<CgDarkMode className="w-6 h-6 text-[#8B8886]" />
</button>
{/* Main Content */}
<div className="flex min-h-screen pt-20">
<div className="flex min-h-screen">
{/* Left Side - Login Form */}
<div
style={{
@ -152,17 +150,18 @@ export default function Login() {
backgroundPosition: "center",
backgroundAttachment: "fixed",
}}
className="w-full md:w-1/2 flex items-start justify-center md:justify-start md:bg-background px-4 md:px-12 lg:px-24 py-8 md:py-16 relative"
className="w-full md:w-1/2 flex items-center justify-center md:justify-start md:bg-background px-4 md:px-12 lg:px-24 py-8 md:py-16 relative"
>
{/* Dark Overlay */}
<div className="absolute inset-0 bg-black/10 backdrop-blur-[1px] md:bg-transparent"></div>
<div className="w-full max-w-md relative z-10">
{/* <div className="absolute inset-0 bg-black/10 backdrop-blur-[1px] md:bg-transparent"></div> */}
<div className="w-full max-w-md relative mb-20 z-10">
{/* Breadcrumb */}
<div className="flex items-center gap-2 text-xs md:text-sm text-gray-500 mb-8">
{/* <div className="flex items-center gap-2 text-xs md:text-sm text-gray-500 mb-8">
<span>ورود</span>
<span className="font-bold text-lg">&gt;</span>
<span>خانه</span>
</div>
</div> */}
{/* Header */}
<div className="mb-8">
@ -244,7 +243,7 @@ export default function Login() {
</div>
{/* Right Side - Image (Hidden on Mobile) */}
<div className="hidden md:block w-1/2 h-[calc(100vh-5rem)] relative overflow-hidden">
<div className="hidden md:block w-1/2 h-[calc(100vh)] relative overflow-hidden">
<img
src={Loginpic}
alt="Coffee workspace"