نسخ من RaghadAlkhous/RestaurantDash
index.html //LoginPage.js
هذا الالتزام موجود في:
@@ -2,11 +2,10 @@
|
|||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<<<<<<< HEAD
|
|
||||||
<link rel="icon" href="/image.png" />
|
<link rel="icon" href="/image.png" />
|
||||||
=======
|
|
||||||
<link rel="icon" href="%PUBLIC_URL%/image.png" />
|
|
||||||
>>>>>>> 094d64320df085d59dc613108366955085361a0b
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<meta name="theme-color" content="#000000" />
|
<meta name="theme-color" content="#000000" />
|
||||||
<meta
|
<meta
|
||||||
@@ -14,16 +13,6 @@
|
|||||||
content="Web site created using create-react-app"
|
content="Web site created using create-react-app"
|
||||||
/>
|
/>
|
||||||
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
||||||
<<<<<<< HEAD
|
|
||||||
|
|
||||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
|
||||||
<style>
|
|
||||||
* {
|
|
||||||
margin: 0
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<title>Restaurant</title>
|
|
||||||
=======
|
|
||||||
|
|
||||||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
||||||
<style>
|
<style>
|
||||||
@@ -33,7 +22,7 @@
|
|||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<title>Resturant</title>
|
<title>Resturant</title>
|
||||||
>>>>>>> 094d64320df085d59dc613108366955085361a0b
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||||
|
|||||||
@@ -1,35 +0,0 @@
|
|||||||
import React from 'react';
|
|
||||||
import { Box } from '@mui/material';
|
|
||||||
import SidePanel from '../components/SidePanel';
|
|
||||||
import LoginForm from '../components/LoginForm';
|
|
||||||
|
|
||||||
export default function LoginPage() {
|
|
||||||
return (
|
|
||||||
<Box bgcolor={"background.default"} color={"text.primary"}>
|
|
||||||
{/* SidePanel ثابت */}
|
|
||||||
<Box
|
|
||||||
sx={{
|
|
||||||
position: 'fixed',
|
|
||||||
top: 0,
|
|
||||||
left: 0,
|
|
||||||
height: '100vh',
|
|
||||||
width: { xs: '0px', sm: '50%' }, // الـ SidePanel سيكون 50% في الشاشات الكبيرة
|
|
||||||
display: { sx: 'none', md: 'block' }, // إخفاء على الشاشات الصغيرة
|
|
||||||
zIndex: 10,
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<SidePanel />
|
|
||||||
</Box>
|
|
||||||
|
|
||||||
{/* LoginForm مع margin-left لتجنب تغطيته بـ SidePanel */}
|
|
||||||
<Box
|
|
||||||
sx={{
|
|
||||||
marginLeft: { xs: 0, sm: '50%' }, // تأكد من وجود مساحة لـ SidePanel في الشاشات الكبيرة
|
|
||||||
width: { xs: '100%', sm: '50%' }, // الـ LoginForm سيأخذ 100% في الشاشات الصغيرة و50% في الكبيرة
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<LoginForm />
|
|
||||||
</Box>
|
|
||||||
</Box>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
المرجع في مشكلة جديدة
حظر مستخدم