titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add templates page

Browse Source
This commit is contained in:
1ilit 2023-11-30 09:18:41 +02:00
parent f6199cfd97
commit 50c776077a
3 changed files with 36 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.js
View File

@ -6,6 +6,7 @@ import BugReport from "./pages/BugReport";
import SignUp from "./pages/Signup"; import SignUp from "./pages/Signup";
import Shortcuts from "./pages/Shortcuts" import Shortcuts from "./pages/Shortcuts"
import Login from "./pages/Login"; import Login from "./pages/Login";
import Templates from "./pages/Templates";
function App() { function App() {
return ( return (
@ -18,6 +19,7 @@ function App() {
<Route path="/bug_report" element={<BugReport />} /> <Route path="/bug_report" element={<BugReport />} />
<Route path="/signup" element={<SignUp />} /> <Route path="/signup" element={<SignUp />} />
<Route path="/login" element={<Login />} /> <Route path="/login" element={<Login />} />
<Route path="/templates" element={<Templates />} />
</Routes> </Routes>
</Router> </Router>
); );

12
src/components/Navbar.jsx
View File

@ -9,7 +9,7 @@ export default function Navbar() {
return ( return (
<> <>
<div className="py-5 px-6 sm:px-4 flex justify-between items-center"> <div className="py-5 px-8 sm:px-4 flex justify-between items-center">
<div className="flex items-center justify-start"> <div className="flex items-center justify-start">
<Link to="/"> <Link to="/">
<img src={logo} alt="logo" className="me-2 sm:h-[32px]" /> <img src={logo} alt="logo" className="me-2 sm:h-[32px]" />
@ -24,7 +24,10 @@ export default function Navbar() {
> >
Editor Editor
</Link> </Link>
<Link className="ms-4 text-lg font-semibold hover:text-indigo-700"> <Link
to="/templates"
className="ms-4 text-lg font-semibold hover:text-indigo-700"
>
Templates Templates
</Link> </Link>
<Link className="ms-4 text-lg font-semibold hover:text-indigo-700"> <Link className="ms-4 text-lg font-semibold hover:text-indigo-700">
@ -68,7 +71,10 @@ export default function Navbar() {
Editor Editor
</Link> </Link>
<hr /> <hr />
<Link className="hover:bg-zinc-100 block p-3 text-lg font-semibold"> <Link
to="/templates"
className="hover:bg-zinc-100 block p-3 text-lg font-semibold"
>
Templates Templates
</Link> </Link>
<hr /> <hr />

25
src/pages/Templates.jsx Normal file
View File

@ -0,0 +1,25 @@
import React from "react";
import logo_light from "../assets/logo_light_46.png";
import { Link } from "react-router-dom";
export default function Templates() {
return (
<div>
<div className="sm:py-3 py-5 px-6 flex justify-between items-center select-none">
<div className="flex items-center justify-start">
<Link to="/">
<img
src={logo_light}
alt="logo"
className="me-2 sm:h-[28px] md:h-[46px]"
/>
</Link>
<div className="ms-4 sm:text-sm xl:text-xl font-semibold">
Templates
</div>
</div>
</div>
<hr className="border-zinc-300" />
</div>
);
}