DONE: first init

2026-07-20 16:10:22 +08:00
commit 3189e3a1e3
272 changed files with 48853 additions and 0 deletions
@@ -0,0 +1,8 @@
+
+export default function ExampleButton({ text, onClick }) {
+    return (
+        <button onClick={() => onClick()}>
+            { text }
+        </button>
+    )
+}
@@ -0,0 +1,3 @@
+.centered {
+    text-align: center;
+}
@@ -0,0 +1,9 @@
+import React from "react";
+
+import './ExampleComponent.css';
+
+export default function ExampleComponent() {
+    return (
+        <div className="centered">This is a component</div>
+    )
+}
@@ -0,0 +1,18 @@
+header.main-header {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    margin: 0 0 3% -2%;
+    background-color: #d3e2f8;
+    width: 101vw;
+}
+
+.header-logo {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    cursor: pointer;
+    margin-top: 7px;
+    margin-right: auto;
+    margin-left: 2%;
+}
@@ -0,0 +1,13 @@
+import './Header.css';
+import { useNavigate } from 'react-router-dom';
+
+
+export default function Header() {
+    const navigate = useNavigate();
+
+    return (
+        <header className="main-header">
+            <h2 className="header-logo" onClick={() => navigate(`/`)}>BBQMS</h2>
+        </header>
+    );
+}