Laux/Frontend-Internal-Developer-Platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header update

Browse Source
This commit is contained in:
sigmaBoei
2026-02-24 13:27:07 +08:00
parent 969301e80f
commit 2ccd9f5c26
2 changed files with 98 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
frontend/src/app/components/header/Header.jsx
View File

@@ -1,47 +1,59 @@
"use client";
import React from "react";
import styles from "./styles.module.css";
import { useState } from "react";
const Header = () => {
const [open, setOpen] = useState(false);
return (
// Main Container
<nav className={styles.headerContainer}>
{/* Logo and Org */}
<div className={styles.logoContainer}>
{/* Icon */}
<div className={styles.logo}></div>
{/* Organization and Dropdown */}
<div className={styles.orgName}>
{/* Header */}
<div>
<div className={styles.mainContainer}>
{/* Organization */}
<div className={styles.organizationContainer}>
<div className={styles.orgContainer}>
{/* Logo */}
<div className={styles.logo}></div>
<div className={styles.orgName}>
<p>Organization</p>
</div>
{/* Dropdown */}
<div className={styles.dropdown}>
<p>Project Moonshot Inc.</p>
<div>
<svg
xmlns="http://www.w3.org/2000/svg"
width="12"
height="12"
viewBox="0 0 12 12"
fill="none"
>
<path
d="M1.03906 3.51953L6.00031 8.48083L10.9616 3.51953"
stroke="#969AF9"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
<div
className={styles.dropdownContainer}
onClick={() => setOpen(!open)}
>
{/* Dropdown */}
{open && (
<div className={styles.dropdown}>
<div>ahdas</div>
</div>
)}
{/* Button */}
<div className={styles.dropdownBtn}>
<p>Project Moonshot Inc.</p>
<div>
<svg
xmlns="http://www.w3.org/2000/svg"
width="12"
height="12"
viewBox="0 0 12 12"
fill="none"
>
<path
d="M1.03906 3.51953L6.00031 8.48083L10.9616 3.51953"
stroke="#969AF9"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
{/* Search */}
<div>
<input type="text" name="search" id="" placeholder="Search" />
</div>
</nav>
{/* Profile */}
<div className={styles.profileContainer}></div>
</div>
);
};