first
This commit is contained in:
commit
78908c705c
|
|
@ -0,0 +1,24 @@
|
|||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
# React + Vite
|
||||
|
||||
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
||||
|
||||
Currently, two official plugins are available:
|
||||
|
||||
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
|
||||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
||||
|
||||
## React Compiler
|
||||
|
||||
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
|
||||
|
||||
## Expanding the ESLint configuration
|
||||
|
||||
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
import js from '@eslint/js'
|
||||
import globals from 'globals'
|
||||
import reactHooks from 'eslint-plugin-react-hooks'
|
||||
import reactRefresh from 'eslint-plugin-react-refresh'
|
||||
import { defineConfig, globalIgnores } from 'eslint/config'
|
||||
|
||||
export default defineConfig([
|
||||
globalIgnores(['dist']),
|
||||
{
|
||||
files: ['**/*.{js,jsx}'],
|
||||
extends: [
|
||||
js.configs.recommended,
|
||||
reactHooks.configs['recommended-latest'],
|
||||
reactRefresh.configs.vite,
|
||||
],
|
||||
languageOptions: {
|
||||
ecmaVersion: 2020,
|
||||
globals: globals.browser,
|
||||
parserOptions: {
|
||||
ecmaVersion: 'latest',
|
||||
ecmaFeatures: { jsx: true },
|
||||
sourceType: 'module',
|
||||
},
|
||||
},
|
||||
rules: {
|
||||
'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
|
||||
},
|
||||
},
|
||||
])
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>my-project</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.jsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,36 @@
|
|||
{
|
||||
"name": "my-project",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"lint": "eslint .",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"@tailwindcss/vite": "^4.1.14",
|
||||
"react": "^19.1.1",
|
||||
"react-dom": "^19.1.1",
|
||||
"react-icons": "^5.5.0",
|
||||
"react-router-dom": "^7.9.4",
|
||||
"tailwind-scrollbar-hide": "^4.0.0",
|
||||
"tailwindcss": "^4.1.14"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/js": "^9.36.0",
|
||||
"@types/react": "^19.1.16",
|
||||
"@types/react-dom": "^19.1.9",
|
||||
"@vitejs/plugin-react": "^5.0.4",
|
||||
"eslint": "^9.36.0",
|
||||
"eslint-plugin-react-hooks": "^5.2.0",
|
||||
"eslint-plugin-react-refresh": "^0.4.22",
|
||||
"globals": "^16.4.0",
|
||||
"vite": "npm:rolldown-vite@7.1.14",
|
||||
"vite-plugin-svgr": "^4.5.0"
|
||||
},
|
||||
"overrides": {
|
||||
"vite": "npm:rolldown-vite@7.1.14"
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -0,0 +1,42 @@
|
|||
/* #root {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 6em;
|
||||
padding: 1.5em;
|
||||
will-change: filter;
|
||||
transition: filter 300ms;
|
||||
}
|
||||
.logo:hover {
|
||||
filter: drop-shadow(0 0 2em #646cffaa);
|
||||
}
|
||||
.logo.react:hover {
|
||||
filter: drop-shadow(0 0 2em #61dafbaa);
|
||||
}
|
||||
|
||||
@keyframes logo-spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
a:nth-of-type(2) .logo {
|
||||
animation: logo-spin infinite 20s linear;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
padding: 2em;
|
||||
}
|
||||
|
||||
.read-the-docs {
|
||||
color: #888;
|
||||
} */
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
import "./App.css";
|
||||
import Layout from "./components/layout";
|
||||
import Management1 from "./components/management1";
|
||||
import CafeManagement from "./pages/CafeManagement";
|
||||
// import Header from "./components/header";
|
||||
import { BrowserRouter, Routes, Route } from "react-router-dom";
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<div dir="rtl">
|
||||
<BrowserRouter>
|
||||
<Routes>
|
||||
<Route path="/" element={<Layout />}>
|
||||
<Route path="management1" element={<Management1 />} />
|
||||
<Route path="edit-cafe/:id" element={<CafeManagement />} />
|
||||
</Route>
|
||||
</Routes>
|
||||
</BrowserRouter>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9947 0.75H15.7947C16.9531 0.75 17.8929 1.69791 17.8929 2.8673V5.69066C17.8929 6.85916 16.9531 7.80796 15.7947 7.80796H12.9947C11.8354 7.80796 10.8956 6.85916 10.8956 5.69066V2.8673C10.8956 1.69791 11.8354 0.75 12.9947 0.75ZM2.84907 0.75H5.64813C6.80746 0.75 7.74721 1.69791 7.74721 2.8673V5.69066C7.74721 6.85916 6.80746 7.80796 5.64813 7.80796H2.84907C1.68975 7.80796 0.75 6.85916 0.75 5.69066V2.8673C0.75 1.69791 1.68975 0.75 2.84907 0.75ZM2.84907 10.8349H5.64813C6.80746 10.8349 7.74721 11.7828 7.74721 12.9531V15.7756C7.74721 16.9449 6.80746 17.8929 5.64813 17.8929H2.84907C1.68975 17.8929 0.75 16.9449 0.75 15.7756V12.9531C0.75 11.7828 1.68975 10.8349 2.84907 10.8349ZM12.9947 10.8349H15.7947C16.9531 10.8349 17.8929 11.7828 17.8929 12.9531V15.7756C17.8929 16.9449 16.9531 17.8929 15.7947 17.8929H12.9947C11.8354 17.8929 10.8956 16.9449 10.8956 15.7756V12.9531C10.8956 11.7828 11.8354 10.8349 12.9947 10.8349Z" stroke="#402E32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 725 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.6003 1.22078C10.2416 0.593073 9.27402 0.593073 8.91537 1.22078L6.75685 4.9986C6.61897 5.23991 6.36911 5.40866 6.07962 5.45598L1.54741 6.19684C0.794363 6.31994 0.495365 7.17535 1.02676 7.68639L4.22492 10.7621C4.42921 10.9585 4.52464 11.2316 4.4836 11.5021L3.84106 15.7378C3.7343 16.4416 4.5171 16.9703 5.20417 16.6584L9.33926 14.7815C9.60339 14.6616 9.91223 14.6616 10.1764 14.7815L14.3115 16.6584C14.9985 16.9703 15.7813 16.4416 15.6746 15.7378L15.032 11.5021C14.991 11.2316 15.0864 10.9585 15.2907 10.7621L18.4889 7.68639C19.0203 7.17535 18.7213 6.31994 17.9682 6.19684L13.436 5.45598C13.1465 5.40866 12.8967 5.23991 12.7588 4.9986L10.6003 1.22078Z" stroke="#402E32" stroke-width="1.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 805 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.75 17.75V8.75H2.75C1.64543 8.75 0.75 9.64543 0.75 10.75V15.75C0.75 16.8546 1.64543 17.75 2.75 17.75H6.75ZM6.75 17.75H12.75M6.75 17.75V2.75C6.75 1.64543 7.64543 0.75 8.75 0.75H10.75C11.8546 0.75 12.75 1.64543 12.75 2.75V17.75M12.75 17.75V5.75H16.75C17.8546 5.75 18.75 6.64543 18.75 7.75V15.75C18.75 16.8546 17.8546 17.75 16.75 17.75H12.75Z" stroke="#402E32" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 517 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.75 0.807191H2.08333C1.34695 0.807191 0.75 1.40414 0.75 2.14052V11.4739C0.75 12.2102 1.34695 12.8072 2.08333 12.8072H11.4167C12.153 12.8072 12.75 12.2102 12.75 11.4739V6.80719M9.47673 2.20075L11.3567 4.08075M9.41667 2.14052L11.4167 4.14052M10.6119 0.945262L3.61193 7.94526C3.4869 8.07029 3.41667 8.23986 3.41667 8.41667V9.47386C3.41667 9.84205 3.71514 10.1405 4.08333 10.1405H5.14052C5.31734 10.1405 5.4869 10.0703 5.61193 9.94526L12.6119 2.94526C12.8723 2.68491 12.8723 2.2628 12.6119 2.00245L11.5547 0.945262C11.2944 0.684913 10.8723 0.684912 10.6119 0.945262Z" stroke="#402E32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 763 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.505 14.8317C10.505 15.8556 9.67492 16.6857 8.65101 16.6857C7.6271 16.6857 6.79705 15.8556 6.79705 14.8317C6.79705 13.8078 7.6271 12.9778 8.65101 12.9778C9.67492 12.9778 10.505 13.8078 10.505 14.8317ZM10.505 14.8317V7.41589L16.6848 5.56193V13.5958M16.6848 13.5958C16.6848 14.6197 15.8548 15.4497 14.8309 15.4497C13.807 15.4497 12.9769 14.6197 12.9769 13.5958C12.9769 12.5718 13.807 11.7418 14.8309 11.7418C15.8548 11.7418 16.6848 12.5718 16.6848 13.5958ZM5.56108 22.8655H17.9208C20.6512 22.8655 22.8647 20.6521 22.8647 17.9217V5.56193C22.8647 2.8315 20.6512 0.618042 17.9208 0.618042H5.56108C2.83064 0.618042 0.617188 2.8315 0.617188 5.56193V17.9217C0.617188 20.6521 2.83064 22.8655 5.56108 22.8655Z" stroke="#402E32" stroke-width="1.23597" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 905 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.617188 0.618042H3.08913C4.45435 0.618042 5.56108 1.72477 5.56108 3.08999V9.26985M14.2129 14.2137H20.3927M21.0107 17.9217V12.9778C21.0107 11.6125 19.904 10.5058 18.5388 10.5058H11.7409M21.0107 17.9217C19.6455 17.9217 18.5388 19.0284 18.5388 20.3936C18.5388 21.7588 19.6455 22.8655 21.0107 22.8655C22.376 22.8655 23.4827 21.7588 23.4827 20.3936C23.4827 19.0284 22.376 17.9217 21.0107 17.9217ZM16.0668 10.5058V8.03388C16.0668 6.66866 14.9601 5.56193 13.5949 5.56193H5.56108M14.2129 16.0677C14.2129 19.822 11.1694 22.8655 7.41504 22.8655C3.66069 22.8655 0.617188 19.822 0.617188 16.0677C0.617188 12.3134 3.66069 9.26985 7.41504 9.26985C11.1694 9.26985 14.2129 12.3134 14.2129 16.0677ZM10.505 16.0677C10.505 17.7742 9.12156 19.1576 7.41504 19.1576C5.70851 19.1576 4.32511 17.7742 4.32511 16.0677C4.32511 14.3612 5.70851 12.9778 7.41504 12.9778C9.12156 12.9778 10.505 14.3612 10.505 16.0677Z" stroke="#402E32" stroke-width="1.23597" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.32511 13.5958H6.79705M9.88698 13.5958H13.5949M16.6848 13.5958H19.1568M2.47115 9.26985L0.617188 6.7979M2.47115 9.26985H21.0107M2.47115 9.26985L3.90639 2.57204C4.15062 1.4323 5.15785 0.618042 6.32346 0.618042H17.1584C18.324 0.618042 19.3313 1.4323 19.5755 2.57204L21.0107 9.26985M21.0107 9.26985L22.8647 6.7979M3.08913 17.9217H20.3927M3.08913 17.9217C1.72391 17.9217 0.617188 16.8149 0.617188 15.4497V11.7418C0.617188 10.3766 1.72392 9.26985 3.08913 9.26985H20.3927C21.758 9.26985 22.8647 10.3766 22.8647 11.7418V15.4497C22.8647 16.8149 21.758 17.9217 20.3927 17.9217M3.08913 17.9217H8.03302V19.1576C8.03302 20.5228 6.9263 21.6296 5.56108 21.6296C4.19586 21.6296 3.08913 20.5228 3.08913 19.1576L3.08913 17.9217ZM20.3927 17.9217H15.4489V19.1576C15.4489 20.5228 16.5556 21.6296 17.9208 21.6296C19.286 21.6296 20.3927 20.5228 20.3927 19.1576V17.9217Z" stroke="#402E32" stroke-width="1.23597" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.79705 0.618042V5.56193M16.6848 0.618042V5.56193M1.23517 9.26985H22.2467M10.5049 14.2137L11.7409 13.5957L11.7409 18.5396M10.5049 18.5396H12.9769M4.32511 22.8655H19.1568C21.2046 22.8655 22.8647 21.2055 22.8647 19.1576V6.7979C22.8647 4.75008 21.2046 3.08999 19.1568 3.08999H4.32511C2.27728 3.08999 0.617188 4.75008 0.617188 6.7979V19.1576C0.617188 21.2055 2.27728 22.8655 4.32511 22.8655Z" stroke="#402E32" stroke-width="1.23597" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 591 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.3924 6.77985V12.5284L15.9111 15.2833M7.48537 1.46768C13.1597 -0.883137 19.6646 1.81252 22.0155 7.48687C24.3663 13.1612 21.6706 19.6661 15.9963 22.017C10.3219 24.3678 3.81701 21.6721 1.46619 15.9978C-0.883396 10.3234 1.81102 3.8185 7.48537 1.46768Z" stroke="#402E32" stroke-width="1.23597" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 454 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.75 9C6.33579 9 6 9.33579 6 9.75C6 10.1642 6.33579 10.5 6.75 10.5V9.75V9ZM12.75 10.5C13.1642 10.5 13.5 10.1642 13.5 9.75C13.5 9.33579 13.1642 9 12.75 9V9.75V10.5ZM9 12.75C9 13.1642 9.33579 13.5 9.75 13.5C10.1642 13.5 10.5 13.1642 10.5 12.75H9.75H9ZM10.5 6.75C10.5 6.33579 10.1642 6 9.75 6C9.33579 6 9 6.33579 9 6.75H9.75H10.5ZM6.75 9.75V10.5H9.75V9.75V9H6.75V9.75ZM9.75 9.75V10.5H12.75V9.75V9H9.75V9.75ZM9.75 12.75H10.5V9.75H9.75H9V12.75H9.75ZM9.75 9.75H10.5V6.75H9.75H9V9.75H9.75ZM4.75 0.75V1.5H14.75V0.75V0H4.75V0.75ZM18.75 4.75H18V14.75H18.75H19.5V4.75H18.75ZM14.75 18.75V18H4.75V18.75V19.5H14.75V18.75ZM0.75 14.75H1.5V4.75H0.75H0V14.75H0.75ZM4.75 18.75V18C2.95507 18 1.5 16.5449 1.5 14.75H0.75H0C0 17.3734 2.12665 19.5 4.75 19.5V18.75ZM18.75 14.75H18C18 16.5449 16.5449 18 14.75 18V18.75V19.5C17.3734 19.5 19.5 17.3734 19.5 14.75H18.75ZM14.75 0.75V1.5C16.5449 1.5 18 2.95507 18 4.75H18.75H19.5C19.5 2.12665 17.3734 0 14.75 0V0.75ZM4.75 0.75V0C2.12665 0 0 2.12665 0 4.75H0.75H1.5C1.5 2.95507 2.95507 1.5 4.75 1.5V0.75Z" fill="#402E32"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.75 18.75H14.75M4.75 18.75C2.54086 18.75 0.75 16.9591 0.75 14.75V4.75C0.75 2.54086 2.54086 0.75 4.75 0.75H14.75C16.9591 0.75 18.75 2.54086 18.75 4.75V14.75C18.75 16.9591 16.9591 18.75 14.75 18.75M4.75 18.75C4.58067 18.75 4.4138 18.7395 4.25 18.7191V17.9643C4.25 17.2139 4.39226 16.4708 4.66866 15.7775C4.94506 15.0842 5.35019 14.4543 5.86091 13.9237C6.37164 13.3931 6.97795 12.9721 7.64524 12.685C8.31253 12.3978 9.02773 12.25 9.75 12.25C10.4723 12.25 11.1875 12.3978 11.8548 12.685C12.5221 12.9721 13.1284 13.3931 13.6391 13.9237C14.1498 14.4543 14.5549 15.0842 14.8313 15.7775C15.1077 16.4708 15.25 17.2139 15.25 17.9643V18.7191C15.0862 18.7395 14.9193 18.75 14.75 18.75M12.75 6.75C12.75 8.40685 11.4069 9.75 9.75 9.75C8.09315 9.75 6.75 8.40685 6.75 6.75C6.75 5.09315 8.09315 3.75 9.75 3.75C11.4069 3.75 12.75 5.09315 12.75 6.75Z" stroke="#402E32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.75 10.75C16.75 12.3323 16.2808 13.879 15.4018 15.1946C14.5227 16.5102 13.2733 17.5355 11.8115 18.141C10.3497 18.7465 8.74113 18.905 7.18928 18.5963C5.63743 18.2876 4.21197 17.5257 3.09315 16.4069C1.97433 15.288 1.2124 13.8626 0.903721 12.3107C0.59504 10.7589 0.753466 9.15034 1.35897 7.68853C1.96447 6.22672 2.98985 4.97729 4.30544 4.09824C5.62104 3.21919 7.16775 2.75 8.75 2.75V10.75H16.75Z" stroke="#402E32" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
<path d="M18.75 8.25C18.75 7.26509 18.556 6.28982 18.1791 5.37987C17.8022 4.46993 17.2497 3.64314 16.5533 2.9467C15.8569 2.25026 15.0301 1.69781 14.1201 1.3209C13.2102 0.943993 12.2349 0.75 11.25 0.75L11.25 8.25H18.75Z" stroke="#402E32" stroke-width="1.5" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 853 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.25 6.25H4.75C2.54086 6.25 0.75 8.04086 0.75 10.25L0.75 14.75C0.75 16.9591 2.54086 18.75 4.75 18.75H14.75C16.9591 18.75 18.75 16.9591 18.75 14.75V10.25C18.75 8.04086 16.9591 6.25 14.75 6.25H14.25M5.75 14.75H13.75M9.75 0.75V11.75M9.75 0.75L12.75 3.75M9.75 0.75L6.75 3.75" stroke="#402E32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 470 B |
|
|
@ -0,0 +1,6 @@
|
|||
<svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.31 1.24891C5.58554 0.939636 5.55819 0.46555 5.24891 0.190013C4.93964 -0.0855245 4.46555 -0.0581734 4.19001 0.251103C3.66325 0.842363 3.40066 1.43351 3.31078 2.02505C3.22425 2.59457 3.30732 3.11644 3.38015 3.52547L3.39022 3.58196C3.53804 4.41075 3.60445 4.78309 3.18851 5.25279C2.91391 5.56289 2.94269 6.0369 3.25279 6.3115C3.56289 6.58611 4.0369 6.55733 4.3115 6.24723C5.22085 5.22032 5.02338 4.15916 4.88515 3.41635C4.8753 3.36341 4.86575 3.3121 4.85693 3.26252C4.78608 2.86462 4.74739 2.55557 4.79376 2.25037C4.83679 1.96718 4.96176 1.6398 5.31 1.24891Z" fill="#FDF8F4"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.75 8C0.783503 8 0 8.7835 0 9.75V13.25C0 16.3184 1.90616 18.9416 4.59893 20H1.25C0.835787 20 0.5 20.3358 0.5 20.75C0.5 21.1642 0.835787 21.5 1.25 21.5H13C13.4142 21.5 13.75 21.1642 13.75 20.75C13.75 20.3358 13.4142 20 13 20H9.90107C11.8478 19.2348 13.3835 17.6517 14.0849 15.6739C14.6597 16.1876 15.4184 16.5 16.25 16.5C18.0449 16.5 19.5 15.0449 19.5 13.25C19.5 11.4551 18.0449 10 16.25 10C15.6057 10 15.0051 10.1875 14.5 10.5109V9.75C14.5 8.7835 13.7165 8 12.75 8H1.75ZM14.5 13.25C14.5 12.2835 15.2835 11.5 16.25 11.5C17.2165 11.5 18 12.2835 18 13.25C18 14.2165 17.2165 15 16.25 15C15.2835 15 14.5 14.2165 14.5 13.25Z" fill="#FDF8F4"/>
|
||||
<path d="M8.24891 0.190013C8.55819 0.46555 8.58554 0.939636 8.31 1.24891C7.96176 1.6398 7.83679 1.96718 7.79376 2.25037C7.74739 2.55557 7.78608 2.86462 7.85693 3.26252C7.86575 3.3121 7.8753 3.36341 7.88515 3.41635C8.02338 4.15916 8.22085 5.22032 7.3115 6.24723C7.0369 6.55733 6.56289 6.58611 6.25279 6.3115C5.94269 6.0369 5.91391 5.56289 6.18852 5.25279C6.60445 4.78309 6.53804 4.41075 6.39022 3.58196L6.38015 3.52547C6.30732 3.11644 6.22425 2.59457 6.31078 2.02505C6.40066 1.43351 6.66325 0.842363 7.19001 0.251103C7.46555 -0.0581734 7.93964 -0.0855245 8.24891 0.190013Z" fill="#FDF8F4"/>
|
||||
<path d="M11.31 1.24891C11.5855 0.939636 11.5582 0.46555 11.2489 0.190013C10.9396 -0.0855245 10.4656 -0.0581734 10.19 0.251103C9.66325 0.842363 9.40066 1.43351 9.31078 2.02505C9.22425 2.59457 9.30732 3.11644 9.38015 3.52547L9.39022 3.58196C9.53804 4.41075 9.60445 4.78309 9.18852 5.25279C8.91391 5.56289 8.94269 6.0369 9.25279 6.3115C9.56289 6.58611 10.0369 6.55733 10.3115 6.24723C11.2209 5.22032 11.0234 4.15916 10.8852 3.41635C10.8753 3.36341 10.8658 3.3121 10.8569 3.26252C10.7861 2.86462 10.7474 2.55557 10.7938 2.25037C10.8368 1.96718 10.9618 1.6398 11.31 1.24891Z" fill="#FDF8F4"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.75 13.25C13.75 14.6307 14.8693 15.75 16.25 15.75C17.6307 15.75 18.75 14.6307 18.75 13.25C18.75 11.8693 17.6307 10.75 16.25 10.75C14.8693 10.75 13.75 11.8693 13.75 13.25ZM13.75 13.25V9.75C13.75 9.19772 13.3023 8.75 12.75 8.75H1.75C1.19772 8.75 0.75 9.19772 0.75 9.75V13.25C0.75 16.8399 3.66015 19.75 7.25 19.75C10.8399 19.75 13.75 16.8399 13.75 13.25ZM13 20.75H1.25M4.75 0.75C3 2.71429 5.14942 4.16968 3.75 5.75M7.75 0.75C6 2.71429 8.14942 4.16968 6.75 5.75M10.75 0.75C9 2.71429 11.1494 4.16968 9.75 5.75" stroke="#402E32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 706 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="30" height="34" viewBox="0 0 30 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.9513 25.5C20.1447 26.0474 20.25 26.6364 20.25 27.25C20.25 30.1495 17.8995 32.5 15 32.5C12.1005 32.5 9.75 30.1495 9.75 27.25C9.75 26.6364 9.85527 26.0474 10.0487 25.5H19.9513Z" stroke="#402E32" stroke-width="2" stroke-linejoin="round"/>
|
||||
<path d="M25 14.0925V11C25 5.47715 20.5228 1 15 1C9.47715 1 5 5.47715 5 11V14.0925C5 15.7813 4.27097 17.3879 3 18.5L2.23324 19.1709C1.44954 19.8567 1 20.8473 1 21.8887C1 23.8832 2.61684 25.5 4.6113 25.5H25.3887C27.3832 25.5 29 23.8832 29 21.8887C29 20.8473 28.5505 19.8567 27.7668 19.1709L27 18.5C25.729 17.3879 25 15.7813 25 14.0925Z" stroke="#402E32" stroke-width="2" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 748 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="26" height="27" viewBox="0 0 26 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M24.0833 6.75H1.41667M0.75 3.41667V5.64543C0.75 6.35267 1.03095 7.03095 1.53105 7.53105L7.96895 13.969C8.46905 14.469 8.75 15.1473 8.75 15.8546V23.926C8.75 24.9171 9.79308 25.5618 10.6796 25.1185L16.013 22.4519C16.4647 22.226 16.75 21.7643 16.75 21.2593V15.2564C16.75 14.5089 17.0637 13.7958 17.6147 13.2907L23.8853 7.54267C24.4363 7.03758 24.75 6.32441 24.75 5.57693V3.41667C24.75 1.94391 23.5561 0.75 22.0833 0.75H3.41667C1.94391 0.75 0.75 1.94391 0.75 3.41667Z" stroke="#402E32" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 638 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.75 9C13.1642 9 13.5 9.33579 13.5 9.75C13.5 10.1642 13.1642 10.5 12.75 10.5V9.75V9ZM6.75 10.5C6.33579 10.5 6 10.1642 6 9.75C6 9.33579 6.33579 9 6.75 9V9.75V10.5ZM10.5 12.75C10.5 13.1642 10.1642 13.5 9.75 13.5C9.33579 13.5 9 13.1642 9 12.75H9.75H10.5ZM9 6.75C9 6.33579 9.33579 6 9.75 6C10.1642 6 10.5 6.33579 10.5 6.75H9.75H9ZM12.75 9.75V10.5H9.75V9.75V9H12.75V9.75ZM9.75 9.75V10.5H6.75V9.75V9H9.75V9.75ZM9.75 12.75H9V9.75H9.75H10.5V12.75H9.75ZM9.75 9.75H9V6.75H9.75H10.5V9.75H9.75ZM14.75 0.75V1.5H4.75V0.75V0H14.75V0.75ZM0.75 4.75H1.5V14.75H0.75H0V4.75H0.75ZM4.75 18.75V18H14.75V18.75V19.5H4.75V18.75ZM18.75 14.75H18V4.75H18.75H19.5V14.75H18.75ZM14.75 18.75V18C16.5449 18 18 16.5449 18 14.75H18.75H19.5C19.5 17.3734 17.3734 19.5 14.75 19.5V18.75ZM0.75 14.75H1.5C1.5 16.5449 2.95507 18 4.75 18V18.75V19.5C2.12665 19.5 0 17.3734 0 14.75H0.75ZM4.75 0.75V1.5C2.95507 1.5 1.5 2.95507 1.5 4.75H0.75H0C0 2.12665 2.12665 0 4.75 0V0.75ZM14.75 0.75V0C17.3734 0 19.5 2.12665 19.5 4.75H18.75H18C18 2.95507 16.5449 1.5 14.75 1.5V0.75Z" fill="#FDF8F4"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0.75 0.75L6.75 6.75L12.75 0.75" stroke="#402E32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 228 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 10 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 143 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 139 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="30" height="34" viewBox="0 0 30 34" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21.3333 20.5417C21.3333 22.7278 23.1055 24.5 25.2917 24.5C27.4778 24.5 29.25 22.7278 29.25 20.5417C29.25 18.3555 27.4778 16.5833 25.2917 16.5833C23.1055 16.5833 21.3333 18.3555 21.3333 20.5417ZM21.3333 20.5417V15C21.3333 14.1255 20.6245 13.4167 19.75 13.4167H2.33333C1.45888 13.4167 0.75 14.1255 0.75 15V20.5417C0.75 26.2256 5.35774 30.8333 11.0417 30.8333C16.7256 30.8333 21.3333 26.2256 21.3333 20.5417ZM20.1458 32.4167H1.54167M7.08333 0.75C4.3125 3.86012 7.71574 6.1645 5.5 8.66667M11.8333 0.75C9.0625 3.86012 12.4657 6.1645 10.25 8.66667M16.5833 0.75C13.8125 3.86012 17.2157 6.1645 15 8.66667" stroke="#402E32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 796 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect width="36" height="36" rx="6" fill="#E6E2DE"/>
|
||||
<path d="M18 8.99997H11C9.89543 8.99997 9 9.8954 9 11V25C9 26.1045 9.89543 27 11 27H25C26.1046 27 27 26.1045 27 25V18M22.0901 11.0903L24.9101 13.9103M22 11L25 14M23.7929 9.20708L13.2929 19.7071C13.1054 19.8946 13 20.149 13 20.4142V22C13 22.5523 13.4477 23 14 23H15.5858C15.851 23 16.1054 22.8946 16.2929 22.7071L26.7929 12.2071C27.1834 11.8166 27.1834 11.1834 26.7929 10.7929L25.2071 9.20708C24.8166 8.81655 24.1834 8.81655 23.7929 9.20708Z" stroke="#402E32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 683 B |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 3.3 MiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M18.75 18.75L14.925 14.925M10.2476 3.9C13.1241 4.67075 14.8366 7.6378 14.066 10.5136M9.07551 0.75C4.48481 0.75 0.75 4.38288 0.75 8.84951C0.75 13.3161 4.48481 16.95 9.07551 16.95C13.6652 16.95 17.4 13.3161 17.4 8.84951C17.4 4.38288 13.6652 0.75 9.07551 0.75Z" stroke="#402E32" stroke-width="1.5" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 432 B |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 121 KiB |
|
|
@ -0,0 +1,55 @@
|
|||
// import React from "react";
|
||||
// import Search from "../assets/icons/search.svg";
|
||||
// import Arrow from "../assets/icons/arrow.svg";
|
||||
// import Vector7 from "../assets/icons/Vector7.svg";
|
||||
// import Pic from "../assets/icons/pic.png";
|
||||
|
||||
// const Header = ({ title }) => {
|
||||
// return (
|
||||
// <header className="flex items-center gap-4 mb-6">
|
||||
// <h3 className="text-[#402E32] w-[90%] font-bold">{title}</h3>
|
||||
// <div className="w-12 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-[#E6DBCC]">
|
||||
// <img src={Search} alt="لوگو" />
|
||||
// </div>
|
||||
// <div className="w-35 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-[#E6DBCC]">
|
||||
// <img src={Pic} className="w-10 h-10 shadow-2xl ml-1" alt="لوگو" />
|
||||
// <p className="text-[#402E32] -mt-1.5 pl-1.5">سارا راد</p>
|
||||
// <img src={Arrow} alt="لوگو" />
|
||||
// </div>
|
||||
// <img src={Vector7} alt="لوگو" />
|
||||
// </header>
|
||||
// );
|
||||
// };
|
||||
|
||||
// export default Header;
|
||||
|
||||
// src/components/Header.jsx
|
||||
import React from "react";
|
||||
import Search from "../assets/icons/search.svg";
|
||||
import Arrow from "../assets/icons/arrow.svg";
|
||||
import Vector7 from "../assets/icons/Vector7.svg";
|
||||
import Pic from "../assets/icons/pic.png";
|
||||
|
||||
const Header = ({ title }) => {
|
||||
return (
|
||||
<header className="flex items-center justify-between gap-4 p-4 ml-5 mr-2">
|
||||
<h3 className="text-[#402E32] font-bold text-lg">{title}</h3>
|
||||
|
||||
<div className="flex items-center gap-4">
|
||||
<div className="w-12 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-[#F4EADF]">
|
||||
<img src={Search} alt="search" />
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between border-2 border-[#8B8886] rounded-2xl px-3 w-60 py-1 bg-[#F4EADF]">
|
||||
<img src={Pic} className="w-8 h-8 rounded-full ml-1" alt="user" />
|
||||
<p className="text-[#402E32] text-sm">سارا راد</p>
|
||||
<img src={Arrow} className="w-4 h-4 ml-1" alt="arrow" />
|
||||
</div>
|
||||
|
||||
<img src={Vector7} alt="vector" />
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
};
|
||||
|
||||
export default Header;
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
import { Outlet, useLocation } from "react-router-dom";
|
||||
import Sidebar from "./sidebar";
|
||||
import Header from "./header";
|
||||
|
||||
export default function Layout() {
|
||||
const location = useLocation();
|
||||
const path = location.pathname;
|
||||
|
||||
// لیست الگوهایی که باید هدر نشون داده بشه
|
||||
const headerPaths = [
|
||||
"/management",
|
||||
"/management/",
|
||||
"/management/cafes",
|
||||
"/edit-cafe",
|
||||
"/edit-cafe/",
|
||||
"/cafe",
|
||||
"/cafes",
|
||||
"/admin",
|
||||
];
|
||||
|
||||
// بررسی: اگر هرکدوم از الگوها داخل path بود، هدر نمایش داده میشه
|
||||
const showHeader = headerPaths.some(
|
||||
(p) => path.startsWith(p) || path.includes(p)
|
||||
);
|
||||
|
||||
return (
|
||||
<div className="flex flex-row h-screen bg-[#FDF8F4]">
|
||||
<div className="fixed right-0 top-0 bottom-0 z-40">
|
||||
<Sidebar />
|
||||
</div>
|
||||
|
||||
<div className="flex-1 flex flex-col mr-[220px] h-screen">
|
||||
{showHeader && <Header title="مدیریت کافهها" />}
|
||||
|
||||
<main className="flex-1 overflow-y-auto p-6 bg-[#FDF8F4] pt-[80px]">
|
||||
<Outlet />
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
@ -0,0 +1,209 @@
|
|||
import React from "react";
|
||||
import { BiEdit } from "react-icons/bi";
|
||||
import Search from "../assets/icons/search.svg";
|
||||
import Arrow from "../assets/icons/arrow.svg";
|
||||
import Vector7 from "../assets/icons/Vector7.svg";
|
||||
import Vector8 from "../assets/icons/Vector8.svg";
|
||||
import Vector9 from "../assets/icons/Vector9.svg";
|
||||
import Star1 from "../assets/icons/Star1.svg";
|
||||
import Group from "../assets/icons/Group.svg";
|
||||
import Pic from "../assets/icons/pic.png";
|
||||
import Pic1 from "../assets/icons/pic1.svg";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const cafes = [
|
||||
{
|
||||
id: 1,
|
||||
name: "کافه ترنج",
|
||||
location: "اصفهان - خیابان آذر",
|
||||
rating: 3.7,
|
||||
category: "دسته بندی",
|
||||
logo: Pic1,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: "کافه سیب",
|
||||
location: "تهران - خیابان ولیعصر",
|
||||
rating: 4.2,
|
||||
category: "کافه سنتی",
|
||||
logo: Pic1,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: "کافه داونتاون",
|
||||
location: "شیراز - خیابان زند",
|
||||
rating: 4.0,
|
||||
category: "کافه فرهنگی",
|
||||
logo: Pic1,
|
||||
},
|
||||
];
|
||||
|
||||
const Management1 = () => {
|
||||
return (
|
||||
<section dir="rtl" className="-mt-12">
|
||||
{/* ===== Header ===== */}
|
||||
{/* <header className="flex items-center gap-4">
|
||||
<h3 className="text-[#402E32] w-[90%] font-bold">مدیریت کافه</h3>
|
||||
|
||||
<div className="w-12 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-[#E6DBCC]">
|
||||
<img src={Search} alt="لوگو" />
|
||||
</div>
|
||||
|
||||
<div className="w-45 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-[#E6DBCC]">
|
||||
<img src={Pic} className="w-10 h-10 shadow-2xl ml-1" alt="لوگو" />
|
||||
<p className="text-[#402E32] -mt-1.5 pl-1.5">سارا راد</p>
|
||||
<img src={Arrow} alt="لوگو" />
|
||||
</div>
|
||||
|
||||
<img src={Vector7} alt="لوگو" />
|
||||
</header> */}
|
||||
|
||||
{/* ===== Add Button ===== */}
|
||||
<div className="flex items-center justify-between">
|
||||
<button className="w-45 h-12 bg-[#7F4629] text-white mt-8 rounded-3xl flex items-center justify-center gap-3 hover:bg-amber-950 transition-all cursor-pointer">
|
||||
<p className="-mt-0.5">افزودن شعبه جدید</p>
|
||||
<img src={Vector9} alt="لوگو" />
|
||||
</button>
|
||||
<img className="mt-8 ml-4" src={Vector8} alt="لوگو" />
|
||||
</div>
|
||||
|
||||
{/* ===== Title ===== */}
|
||||
<h3 className="text-[#402E32] w-[90%] font-bold mt-10">کافه های شما</h3>
|
||||
|
||||
{/* ===== Table Header ===== */}
|
||||
<div className="mt-28 grid grid-cols-6 gap-x-42 bg-[#EFEEEE] px-4 py-3 rounded-xl text-[#402E32] font-medium">
|
||||
<h3>لوگو</h3>
|
||||
<h3>اسم</h3>
|
||||
<h3>لوکیشن</h3>
|
||||
<h3>ریتینگ</h3>
|
||||
<h3>دسته</h3>
|
||||
<h3>ادیت</h3>
|
||||
</div>
|
||||
|
||||
{/* ===== Table Rows ===== */}
|
||||
<div className="grid grid-cols-6 gap-y-9 gap-x-33 mt-10 text-[#402E32] font-medium pl-4">
|
||||
{cafes.map((cafe) => (
|
||||
<React.Fragment key={cafe.id}>
|
||||
<img src={cafe.logo} className="w-10 h-10" alt="لوگو" />
|
||||
<h3 className="whitespace-nowrap -mr-2">{cafe.name}</h3>
|
||||
<h3 className="whitespace-nowrap -mr-7">{cafe.location}</h3>
|
||||
|
||||
<div className="flex gap-1 mr-5">
|
||||
<img className="w-6 h-6" src={Star1} alt="ستاره" />
|
||||
<h3>{cafe.rating}</h3>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-1 whitespace-nowrap">
|
||||
<img className="w-5 h-5" src={Group} alt="لوگو" />
|
||||
<h3 className="-mt-1">{cafe.category}</h3>
|
||||
</div>
|
||||
|
||||
{/* ===== دکمه ادیت ===== */}
|
||||
<Link
|
||||
to={`/edit-cafe/${cafe.id}`}
|
||||
className="flex justify-center whitespace-nowrap gap-2 border-2 border-[#BB8F70] px-10 py-3 rounded-3xl font-light -mt-1.5 -mx-4 hover:bg-[#7F4629] hover:text-white hover:border-none cursor-pointer transition-all duration-500"
|
||||
>
|
||||
<h3>ادیت کافه</h3>
|
||||
<BiEdit className="w-4.5 h-4.5 mt-1.5" />
|
||||
</Link>
|
||||
</React.Fragment>
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Management1;
|
||||
|
||||
// const Management1 = () => {
|
||||
// return (
|
||||
// <section dir="rtl" className="">
|
||||
// <header className="flex items-center gap-4">
|
||||
// <h3 className="text-[#402E32] w-[90%] font-bold">مدیریت کافه</h3>
|
||||
// <div className="w-12 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-[#E6DBCC]">
|
||||
// <img className="" src={Search} alt="لوگو" />
|
||||
// </div>
|
||||
|
||||
// <div className="w-35 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-[#E6DBCC]">
|
||||
// <img src={Pic} className="w-10 h-10 shadow-2xl ml-1" alt="لوگو" />
|
||||
// <p className="text-[#402E32] -mt-1.5 pl-1.5">سارا راد</p>
|
||||
// <img className="" src={Arrow} alt="لوگو" />
|
||||
// </div>
|
||||
// <img src={Vector7} />
|
||||
// </header>
|
||||
|
||||
// <div className="flex items-center justify-between">
|
||||
// <button className="w-45 h-10 bg-[#7F4629] text-white mt-8 rounded-3xl flex items-center justify-center gap-3 hover:bg-amber-950 transition-all cursor-pointer">
|
||||
// <p className="-mt-1.5">افزودن شعبه جدید</p>
|
||||
// <img className="" src={Vector9} alt="لوگو" />
|
||||
// </button>
|
||||
// <img className="mt-8" src={Vector8} alt="لوگو" />
|
||||
// </div>
|
||||
|
||||
// <h3 className="text-[#402E32] w-[90%] font-bold mt-10">کافه های شما</h3>
|
||||
|
||||
// <div className=" mt-32 grid grid-cols-6 gap-x-42 bg-[#EFEEEE] px-4 py-3 rounded-xl text-[#402E32] font-medium ">
|
||||
// <h3>لوگو</h3>
|
||||
// <h3>اسم</h3>
|
||||
// <h3>لوکیشن</h3>
|
||||
// <h3>ریتینگ</h3>
|
||||
// <h3>دسته</h3>
|
||||
// <h3 className="">ادیت</h3>
|
||||
// </div>
|
||||
|
||||
// <div className="grid grid-cols-6 grid-rows-4 gap-y-9 gap-x-33 mt-10 text-[#402E32] font-medium pl-4">
|
||||
// <img src={Pic1} className="w-10 h-10" />
|
||||
// <h3 className="whitespace-nowrap -mr-2">کافه ترنج</h3>
|
||||
// <h3 className="whitespace-nowrap -mr-7">اصفهان - خیابان آذر </h3>
|
||||
// <div className="flex gap-1 mr-5">
|
||||
// <img className="w-6 h-6" src={Star1} />
|
||||
// <h3>3.7</h3>
|
||||
// </div>
|
||||
// <div className="flex gap-1 whitespace-nowrap">
|
||||
// <img className="w-5 h-5" src={Group} alt="لوگو" />
|
||||
// <h3 className="-mt-1">دسته بندی</h3>
|
||||
// </div>
|
||||
// <div className="flex justify-center whitespace-nowrap gap-1 border-2 border-[#BB8F70] px-7 py-2 rounded-3xl font-light -mt-1.5 -mx-4 hover:bg-[#7F4629] hover:text-white hover:border-none cursor-pointer duration-600">
|
||||
// <h3>ادیت کافه</h3>
|
||||
// {/* <img className="w-3 h-3 mt-2" src={Vector10} alt="لوگو" /> */}
|
||||
// <BiEdit className="w-3.5 h-3.5 mt-2" />
|
||||
// </div>
|
||||
// <img src={Pic1} className="w-10 h-10" />
|
||||
// <h3 className="whitespace-nowrap -mr-2">کافه ترنج</h3>
|
||||
// <h3 className="whitespace-nowrap -mr-7">اصفهان - خیابان آذر </h3>
|
||||
// <div className="flex gap-1 mr-5">
|
||||
// <img className="w-6 h-6" src={Star1} />
|
||||
// <h3>3.7</h3>
|
||||
// </div>
|
||||
// <div className="flex gap-1 whitespace-nowrap">
|
||||
// <img className="w-5 h-5" src={Group} alt="لوگو" />
|
||||
// <h3 className="-mt-1">دسته بندی</h3>
|
||||
// </div>
|
||||
// <div className="flex justify-center whitespace-nowrap gap-1 border-2 border-[#BB8F70] px-7 py-2 rounded-3xl font-light -mt-1.5 -mx-4 hover:bg-[#7F4629] hover:text-white hover:border-none cursor-pointer duration-600">
|
||||
// <h3>ادیت کافه</h3>
|
||||
// {/* <img className="w-3 h-3 mt-2" src={Vector10} alt="لوگو" /> */}
|
||||
// <BiEdit className="w-3.5 h-3.5 mt-2" />
|
||||
// </div>
|
||||
// <img src={Pic1} className="w-10 h-10" />
|
||||
// <h3 className="whitespace-nowrap -mr-2">کافه ترنج</h3>
|
||||
// <h3 className="whitespace-nowrap -mr-7">اصفهان - خیابان آذر </h3>
|
||||
// <div className="flex gap-1 mr-5">
|
||||
// <img className="w-6 h-6" src={Star1} alt="لوگو" />
|
||||
// <h3>3.7</h3>
|
||||
// </div>
|
||||
// <div className="flex gap-1 whitespace-nowrap">
|
||||
// <img className="w-5 h-5" src={Group} alt="لوگو" />
|
||||
|
||||
// <h3 className="-mt-1">دسته بندی</h3>
|
||||
// </div>
|
||||
// <div className="flex justify-center whitespace-nowrap gap-1 border-2 border-[#BB8F70] px-5 py-2 rounded-3xl font-light -mt-1.5 -mx-4 hover:bg-[#7F4629] hover:text-white hover:border-none cursor-pointer transition-all duration-600">
|
||||
// <h3>ادیت کافه</h3>
|
||||
// {/* <img className="w-3 h-3 mt-2" src={Vector10} alt="لوگو" /> */}
|
||||
// <BiEdit className="w-3.5 h-3.5 mt-2" />
|
||||
// </div>
|
||||
// </div>
|
||||
// </section>
|
||||
// );
|
||||
// };
|
||||
|
||||
// export default Management1;
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
import React from "react";
|
||||
import Vector1 from "../assets/icons/Vector1.svg";
|
||||
import Vector2 from "../assets/icons/Vector2.svg";
|
||||
import Vector3 from "../assets/icons/Vector3.svg";
|
||||
import Vector4 from "../assets/icons/Vector4.svg";
|
||||
import Vector5 from "../assets/icons/Vector5.svg";
|
||||
import Vector6 from "../assets/icons/Vector6.svg";
|
||||
import LogoDM from "../assets/icons/LogoDM.svg";
|
||||
import { Link } from "react-router-dom";
|
||||
import { BiBarChartAlt2 } from "react-icons/bi";
|
||||
import { AiOutlinePieChart } from "react-icons/ai";
|
||||
import { PiCoffee } from "react-icons/pi";
|
||||
import { LuSquareUser } from "react-icons/lu";
|
||||
import { HiOutlineLogout } from "react-icons/hi";
|
||||
|
||||
const Sidebar = () => {
|
||||
return (
|
||||
<aside
|
||||
dir="rtl"
|
||||
className="fixed right-0 top-0 z-50 flex h-screen w-[220px] flex-col bg-[#EFEEEE] rounded-tl-3xl rounded-bl-3xl shadow-xl border-l border-[#D9CAB3]"
|
||||
>
|
||||
<div className="flex justify-center mt-6">
|
||||
<img src={LogoDM} className="h-12 w-12" alt="Logo" />
|
||||
</div>
|
||||
|
||||
<nav className="w-[85%] mr-4 mt-8 space-y-4">
|
||||
{/* داشبورد */}
|
||||
<Link
|
||||
// to="/"
|
||||
className="group relative flex items-center gap-3 rounded-xl p-3 transition-all duration-300 hover:bg-[#7F4629] hover:shadow-md"
|
||||
>
|
||||
<BiBarChartAlt2 className="w-6 h-6 text-[#402E32] transition-colors group-hover:text-white" />
|
||||
<span className="text-[#402E32] font-medium transition-colors group-hover:text-white">
|
||||
داشبورد
|
||||
</span>
|
||||
</Link>
|
||||
|
||||
{/* مدیریت کافهها */}
|
||||
<Link
|
||||
// to="/management1"
|
||||
className="group flex items-center gap-3 rounded-xl p-3 transition-all duration-300 hover:bg-[#7F4629] hover:shadow-md"
|
||||
>
|
||||
<PiCoffee className="w-6 h-6 text-[#402E32] transition-colors group-hover:text-white" />
|
||||
<span className="text-[#402E32] font-medium transition-colors group-hover:text-white">
|
||||
مدیریت کافه ها
|
||||
</span>
|
||||
</Link>
|
||||
|
||||
{/* مدیریت کاربران */}
|
||||
<Link
|
||||
// to="/users"
|
||||
className="group flex items-center gap-3 rounded-xl p-3 transition-all duration-300 hover:bg-[#7F4629] hover:shadow-md"
|
||||
>
|
||||
<LuSquareUser className="w-6 h-6 text-[#402E32] transition-colors group-hover:text-white" />
|
||||
<span className="text-[#402E32] font-medium transition-colors group-hover:text-white">
|
||||
مدیریت کاربران
|
||||
</span>
|
||||
</Link>
|
||||
|
||||
{/* آمار و تحلیل */}
|
||||
<Link
|
||||
// to="/stats"
|
||||
className="group flex items-center gap-3 rounded-xl p-3 transition-all duration-300 hover:bg-[#7F4629] hover:shadow-md"
|
||||
>
|
||||
<AiOutlinePieChart className="w-6 h-6 text-[#402E32] transition-colors group-hover:text-white" />
|
||||
<span className="text-[#402E32] font-medium transition-colors group-hover:text-white">
|
||||
آمار و تحلیل
|
||||
</span>
|
||||
</Link>
|
||||
|
||||
{/* خروج */}
|
||||
<Link
|
||||
// to="/logout"
|
||||
className="group flex items-center gap-3 rounded-xl p-3 transition-all duration-300 hover:bg-[#7F4629] hover:shadow-md mt-18"
|
||||
>
|
||||
<HiOutlineLogout className="w-6 h-6 text-[#402E32] transition-colors group-hover:text-white" />
|
||||
<span className="text-[#402E32] font-medium transition-colors group-hover:text-white">
|
||||
خروج
|
||||
</span>
|
||||
</Link>
|
||||
</nav>
|
||||
</aside>
|
||||
);
|
||||
};
|
||||
|
||||
export default Sidebar;
|
||||
|
|
@ -0,0 +1,88 @@
|
|||
@import "tailwindcss";
|
||||
|
||||
@font-face {
|
||||
font-family: "MyEstedad";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url("/fonts/Estedad.ttf") format("truetype");
|
||||
}
|
||||
|
||||
@theme {
|
||||
--font-MyEstedad: "MyEstedad", sans-serif;
|
||||
}
|
||||
|
||||
@layer base {
|
||||
body {
|
||||
/* @apple font-MyEstedad; */
|
||||
font-family: var(--font-MyEstedad);
|
||||
}
|
||||
}
|
||||
/* :root {
|
||||
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
|
||||
color-scheme: light dark;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
background-color: #242424;
|
||||
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 500;
|
||||
color: #646cff;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
a:hover {
|
||||
color: #535bf2;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
place-items: center;
|
||||
min-width: 320px;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.2em;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 8px;
|
||||
border: 1px solid transparent;
|
||||
padding: 0.6em 1.2em;
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
font-family: inherit;
|
||||
background-color: #1a1a1a;
|
||||
cursor: pointer;
|
||||
transition: border-color 0.25s;
|
||||
}
|
||||
button:hover {
|
||||
border-color: #646cff;
|
||||
}
|
||||
button:focus,
|
||||
button:focus-visible {
|
||||
outline: 4px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
:root {
|
||||
color: #213547;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
a:hover {
|
||||
color: #747bff;
|
||||
}
|
||||
button {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
} */
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
import { StrictMode } from 'react'
|
||||
import { createRoot } from 'react-dom/client'
|
||||
import './index.css'
|
||||
import App from './App.jsx'
|
||||
|
||||
createRoot(document.getElementById('root')).render(
|
||||
<StrictMode>
|
||||
<App />
|
||||
</StrictMode>,
|
||||
)
|
||||
|
|
@ -0,0 +1,283 @@
|
|||
import React from "react";
|
||||
import Bg1 from "../assets/icons/bg1.svg";
|
||||
import { GrLocation } from "react-icons/gr";
|
||||
import { BiEdit } from "react-icons/bi";
|
||||
import { FaRegStar } from "react-icons/fa";
|
||||
import { PiCoffee } from "react-icons/pi";
|
||||
import { IoMdTime } from "react-icons/io";
|
||||
import { LuCalendar1 } from "react-icons/lu";
|
||||
import Vector11 from "../assets/icons/Vector11.svg";
|
||||
import Vector12 from "../assets/icons/Vector12.svg";
|
||||
import Vector13 from "../assets/icons/Vector13.svg";
|
||||
import Vector14 from "../assets/icons/Vector14.svg";
|
||||
import Vector15 from "../assets/icons/Vector15.svg";
|
||||
import Vector9 from "../assets/icons/Vector9.svg";
|
||||
import Vector16 from "../assets/icons/Vector16.svg";
|
||||
import Sperso from "../assets/icons/sperso.svg";
|
||||
import Coffee2 from "../assets/icons/coffee2.svg";
|
||||
import Coffee1 from "../assets/icons/coffee1.svg";
|
||||
import Coffee3 from "../assets/icons/coffee3.svg";
|
||||
import Edit from "../assets/icons/edit.svg";
|
||||
|
||||
const CafeManagement = () => {
|
||||
return (
|
||||
<section>
|
||||
<h3 className="text-[#402E32] font-bold">ادیت کافه ترنج</h3>
|
||||
|
||||
<div className="mt-9 border-2 border-[#8b8886] p-10 rounded-2xl flex gap-4">
|
||||
<div>
|
||||
<img className="w-[461px]" src={Bg1} alt="Logo" />
|
||||
</div>
|
||||
|
||||
<div className="relative flex flex-col gap-4.5">
|
||||
<div className="absolute top-2 left-0 -mt-5">
|
||||
<button className="border-2 border-[#bb8f70] w-25 h-10 rounded-3xl text-[#402e32] hover:bg-[#7f4629] hover:text-white transition-all duration-300 hover:border-none">
|
||||
انصراف
|
||||
</button>
|
||||
<button className="border-2 border-[#bb8f70] bg-[#7f4629] text-white w-25 h-10 rounded-3xl mr-4 hover:bg-[#5f494f] transition-all duration-300 hover:border-none">
|
||||
تایید
|
||||
</button>
|
||||
</div>
|
||||
<BiEdit className="w-4.5 h-4.5 -mt-1" />
|
||||
<h3 className="font-bold text-base">کافه ترنج</h3>
|
||||
<hr className="w-38 -mt-3 border-1 text-[#80931e]" />
|
||||
<div className="flex items-center gap-2">
|
||||
<GrLocation />
|
||||
<span className="text-base">اصفهان - خیابان آذر </span>
|
||||
</div>
|
||||
<hr className="w-38 -mt-3 border-1 text-[#80931e]" />
|
||||
|
||||
<div className="flex items-center gap-2">
|
||||
<FaRegStar />
|
||||
<span className="text-base">3.9</span>
|
||||
</div>
|
||||
<h3 className="font-bold text-base">درباره کافه</h3>
|
||||
<span className="text-base">
|
||||
کافه ترنج، یک کافی شاپ با محیطی دنج و دلچسب در شهر اصفهان و یکی از
|
||||
ممتازترین کافی شاپهای ابن شهر است. از جمله خدمات این کافه میتوان
|
||||
به اینترنت رایگان و ارائه کتابهایی برای مطالعه در داخل کافه اشاره
|
||||
کرد.
|
||||
</span>
|
||||
<hr className="w-[104%] -mt-3 border-1 text-[#80931e]" />
|
||||
|
||||
<button className="mt-15 flex gap-2 items-center text-center w-[133%] h-15 -mr-72 px-130 rounded-4xl border-2 border-[#7f4629] hover:bg-[#7f4629] hover:text-white transition-all duration-200 hover:border-none text-[#402e32">
|
||||
<BiEdit />
|
||||
<span className="font-bold">ادیت منو کافه</span>
|
||||
</button>
|
||||
|
||||
<h3 className="text-[#402E32] font-bold mt-10 relative -right-71">
|
||||
ویژگی ها
|
||||
</h3>
|
||||
|
||||
<div className="relative -mr-71 mt-5 flex gap-3">
|
||||
<div className="bg-[#e1d5c2] w-[140px] h-[137.6px] flex flex-col items-center gap-8 text-center rounded-4xl transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<img src={Coffee3} className="w-6 h-6 text-[#402E32] mt-5" />
|
||||
<span className="text-[#402E32] font-medium whitespace-nowrap">
|
||||
منو کافه:
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-4 text-[#402E32] font-medium w-[161.5px] h-[137.6px] bg-[#e1d5c2] rounded-4xl pr-3 transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<img src={Vector15} className="w-6 h-6 text-[#402E32] mt-5" />
|
||||
<span>ساعت کاری:</span>
|
||||
<span> 23 - 8</span>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-4 text-[#402E32] font-medium w-[161.5px] h-[137.6px] bg-[#e1d5c2] rounded-4xl pr-3 transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<img src={Vector14} className="w-6 h-6 text-[#402E32] mt-5" />
|
||||
<span>رزرو :</span>
|
||||
<span>رزرو آنلاین</span>
|
||||
</div>
|
||||
<div className="flex flex-col gap-4 text-[#402E32] font-medium w-[170.5px] h-[137.6px] bg-[#e1d5c2] rounded-4xl pr-3 transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<img src={Vector11} className="w-6 h-6 text-[#402E32] mt-5" />
|
||||
<span>موسیقی :</span>
|
||||
<span>موسیقی زنده آخر هفته</span>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-4 text-[#402E32] font-medium w-[161.5px] h-[137.6px] bg-[#e1d5c2] rounded-4xl pr-3 transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<img src={Vector13} className="w-6 h-6 text-[#402E32] mt-5" />
|
||||
<span>پارکینگ :</span>
|
||||
<span>عمومی</span>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col gap-4 text-[#402E32] font-medium w-[161.5px] h-[137.6px] bg-[#e1d5c2] rounded-4xl pr-3 transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<img src={Vector12} className="w-6 h-6 text-[#402E32] mt-5" />
|
||||
<span>دسترسی آسان :</span>
|
||||
<span>مناسب افراد ناتوان</span>
|
||||
</div>
|
||||
|
||||
<div className="flex justify-center items-center w-[150.5px] h-[137.6px] bg-[#5e5450] rounded-4xl transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<img src={Vector9} className="w-6 h-6 text-[#402E32]" />
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div className="mt-10 flex gap-10 justify-between -mr-71 text-[#402E32] font-medium">
|
||||
<div className="flex items-center gap-2 justify-center">
|
||||
<img src={Vector16} alt="Logo" />
|
||||
<span>عنوان</span>
|
||||
</div>
|
||||
<span>نوشیدنی سرد</span>
|
||||
<span>نوشیدنی گرم</span>
|
||||
<span>کیک و دسر</span>
|
||||
<span>صبحانه</span>
|
||||
<span>ساندویچ و برگر</span>
|
||||
<span>سالاد و پیش غذا</span>
|
||||
</div>
|
||||
<hr className="w-[134%] -mr-77 mt-3 border-2 rounded-3xl text-[#939393]" />
|
||||
|
||||
<div className="mt-9 flex items-center gap-2 -mr-71 text-[#a79fa1] font-bold">
|
||||
<img src={Vector16} alt="Logo" />
|
||||
<h3>افزودن زیر عنوان</h3>
|
||||
</div>
|
||||
|
||||
<div className="mt-9 flex items-center gap-2 -mr-71 text-[#66585b] font-bold">
|
||||
<img className="w-5.5 h-5.5" src={Edit} alt="Logo" />
|
||||
<img className="w-6 h-6" src={Coffee3} alt="Logo" />
|
||||
<h3>قهوه ها</h3>
|
||||
<hr className="mt-9 -mr-15 w-[5%] border-1 text-[#80931e]" />
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-3 gap-5 -mr-64">
|
||||
<div className="mt-10 flex items-center flex-col justify-center w-[320px] h-[391px] transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<h1 className="text-[#402E32] font-bold -mr-50">اسپرسو100%</h1>
|
||||
<img src={Sperso} alt="Logo" className="mt-5" />
|
||||
<div className="flex justify-between gap-50 mt-3 text-[#66585b] font-medium">
|
||||
<span>قیمت</span>
|
||||
<span>118.000</span>
|
||||
</div>
|
||||
<p className="font-normal text-[#66585b] -mr-58 mt-2">
|
||||
محتویات
|
||||
</p>
|
||||
<span className="font-light text-[#66585b] mt-2 break-words mr-4 text-[14.90px]">
|
||||
45 میلی لیتر، قهوه، 100% عربیکا، دم شده با دستگاه اسپرسو ساز،
|
||||
به همراه یک عدد آب معدنی مینی
|
||||
</span>
|
||||
<hr className="mt-5 w-[90%] border-3 rounded-4xl text-[#e6e2de]" />
|
||||
</div>
|
||||
|
||||
<div className="mt-10 flex items-center flex-col justify-center w-[320px] h-[391px] transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<h1 className="text-[#402E32] font-bold -mr-50">
|
||||
کارامل ماکیاتو
|
||||
</h1>
|
||||
<img src={Coffee1} alt="Logo" className="mt-5" />
|
||||
<div className="flex justify-between gap-50 mt-3 text-[#66585b] font-medium">
|
||||
<span>قیمت</span>
|
||||
<span>149.000</span>
|
||||
</div>
|
||||
<p className="font-normal text-[#66585b] -mr-58 mt-2">
|
||||
محتویات
|
||||
</p>
|
||||
<span className="font-light text-[#66585b] mt-2 break-words mr-4 text-[14.90px]">
|
||||
220 میلی لیتر، 2 شات اسپرسو 30% روبوستا، 70% عربیکا، یک لکه
|
||||
فوم شیر، سیروپ کارامل
|
||||
</span>
|
||||
<hr className="mt-5 w-[90%] border-3 rounded-4xl text-[#e6e2de]" />
|
||||
</div>
|
||||
|
||||
<div className="mt-10 flex items-center flex-col justify-center w-[320px] h-[391px] transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<h1 className="text-[#402E32] font-bold -mr-47">
|
||||
اسپرسو آفوگاتو
|
||||
</h1>
|
||||
<img src={Coffee2} alt="Logo" className="mt-5" />
|
||||
<div className="flex justify-between gap-50 mt-3 text-[#66585b] font-medium">
|
||||
<span>قیمت</span>
|
||||
<span>118.000</span>
|
||||
</div>
|
||||
<p className="font-normal text-[#66585b] -mr-58 mt-2">
|
||||
محتویات
|
||||
</p>
|
||||
<span className="font-light text-[#66585b] mt-2 mb-10 break-words -mr-23 text-[14.90px]">
|
||||
اسپرسو، یک اسکوپ بستنی وانیلی
|
||||
</span>
|
||||
<hr className=" mt- w-[90%] border-3 rounded-4xl text-[#e6e2de]" />
|
||||
</div>
|
||||
|
||||
<div className="mt-10 flex items-center flex-col justify-center w-[320px] h-[391px] transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<h1 className="text-[#402E32] font-bold -mr-47">
|
||||
اسپرسو آفوگاتو
|
||||
</h1>
|
||||
<img src={Coffee2} alt="Logo" className="mt-5" />
|
||||
<div className="flex justify-between gap-50 mt-3 text-[#66585b] font-medium">
|
||||
<span>قیمت</span>
|
||||
<span>118.000</span>
|
||||
</div>
|
||||
<p className="font-normal text-[#66585b] -mr-58 mt-2">
|
||||
محتویات
|
||||
</p>
|
||||
<span className="font-light text-[#66585b] mt-2 mb-10 break-words -mr-23 text-[14.90px]">
|
||||
اسپرسو، یک اسکوپ بستنی وانیلی
|
||||
</span>
|
||||
<hr className=" mt- w-[90%] border-3 rounded-4xl text-[#e6e2de]" />
|
||||
</div>
|
||||
|
||||
<div className="mt-10 flex items-center flex-col justify-center w-[320px] h-[391px] transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<h1 className="text-[#402E32] font-bold -mr-47">
|
||||
اسپرسو آفوگاتو
|
||||
</h1>
|
||||
<img src={Coffee2} alt="Logo" className="mt-5" />
|
||||
<div className="flex justify-between gap-50 mt-3 text-[#66585b] font-medium">
|
||||
<span>قیمت</span>
|
||||
<span>118.000</span>
|
||||
</div>
|
||||
<p className="font-normal text-[#66585b] -mr-58 mt-2">
|
||||
محتویات
|
||||
</p>
|
||||
<span className="font-light text-[#66585b] mt-2 mb-10 break-words -mr-23 text-[14.90px]">
|
||||
اسپرسو، یک اسکوپ بستنی وانیلی
|
||||
</span>
|
||||
<hr className=" mt- w-[90%] border-3 rounded-4xl text-[#e6e2de]" />
|
||||
</div>
|
||||
|
||||
<div className="mt-10 flex items-center flex-col justify-center w-[320px] h-[391px] transform hover:-translate-y-1 transition-all duration-300 hover:shadow-md">
|
||||
<h1 className="text-[#402E32] font-bold -mr-47">
|
||||
اسپرسو آفوگاتو
|
||||
</h1>
|
||||
<img src={Coffee2} alt="Logo" className="mt-5" />
|
||||
<div className="flex justify-between gap-50 mt-3 text-[#66585b] font-medium">
|
||||
<span>قیمت</span>
|
||||
<span>118.000</span>
|
||||
</div>
|
||||
<p className="font-normal text-[#66585b] -mr-58 mt-2">
|
||||
محتویات sgjksldkk
|
||||
</p>
|
||||
|
||||
<span className="font-light text-[#66585b] mt-2 mb-10 break-words -mr-23 text-[14.90px]">
|
||||
اسپرسو، یک اسکوپ بستنی وانیلی
|
||||
</span>
|
||||
<hr className=" mt- w-[90%] border-3 rounded-4xl text-[#e6e2de]" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default CafeManagement;
|
||||
|
||||
// import React from "react";
|
||||
// import Search from "../assets/icons/search.svg";
|
||||
// import Arrow from "../assets/icons/arrow.svg";
|
||||
// import Vector7 from "../assets/icons/Vector7.svg";
|
||||
// import Pic from "../assets/icons/pic.png";
|
||||
|
||||
// const Header = () => {
|
||||
// return (
|
||||
// <header className="flex items-center justify-between gap-4 mb-6 mt-90">
|
||||
// <h3 className="text-[#402E32] w-[90%] font-bold mt-6">{title}</h3>
|
||||
// <div className="w-12 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-[#E6DBCC]">
|
||||
// <img src={Search} alt="لوگو" />
|
||||
// </div>
|
||||
// <div className="w-35 h-10 border-2 border-[#8B8886] flex justify-center items-center rounded-2xl bg-[#E6DBCC]">
|
||||
// <img src={Pic} className="w-10 h-10 shadow-2xl ml-1" alt="لوگو" />
|
||||
// <p className="text-[#402E32] -mt-1.5 pl-1.5">سارا راد</p>
|
||||
// <img src={Arrow} alt="لوگو" />
|
||||
// </div>
|
||||
// <img src={Vector7} alt="لوگو" />
|
||||
// <h1>hello!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</h1>
|
||||
// </header>
|
||||
// );
|
||||
// };
|
||||
|
||||
// export default Header;
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
import { defineConfig } from "vite";
|
||||
import react from "@vitejs/plugin-react";
|
||||
import tailwindcss from "@tailwindcss/vite";
|
||||
import svgr from "vite-plugin-svgr";
|
||||
|
||||
// https://vite.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [react(), tailwindcss(), svgr()],
|
||||
});
|
||||
Loading…
Reference in New Issue