نسخ من RaghadAlkhous/RestaurantDash
index.html //LoginPage.js
هذا الالتزام موجود في:
raghad
@@ -2,11 +2,10 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<<<<<<< HEAD
|
||||
|
||||
<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="theme-color" content="#000000" />
|
||||
<meta
|
||||
@@ -14,16 +13,6 @@
|
||||
content="Web site created using create-react-app"
|
||||
/>
|
||||
<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" />
|
||||
<style>
|
||||
@@ -33,7 +22,7 @@
|
||||
}
|
||||
</style>
|
||||
<title>Resturant</title>
|
||||
>>>>>>> 094d64320df085d59dc613108366955085361a0b
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<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>
|
||||
);
|
||||
}
|
||||
المرجع في مشكلة جديدة
حظر مستخدم