devproje/kuma-archive
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: temporary remove menu

Browse source
This commit is contained in:
Project_IO 2025-03-16 02:33:50 +09:00
parent 34880f4abc
commit 586505cc5b
2 changed files with 38 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

51
src/App.tsx
View file

@ -62,7 +62,7 @@ function Dashboard() {
} }
function Header() { function Header() {
const [open, setOpen] = useState(false); // const [open, setOpen] = useState(false);
return ( return (
<nav className="ka-nav"> <nav className="ka-nav">
@ -73,40 +73,41 @@ function Header() {
<a onClick={ev => { <a onClick={ev => {
ev.preventDefault(); ev.preventDefault();
setOpen(!open); console.log("not provide features");
// setOpen(!open);
}}> }}>
<DynamicIcon className="link" name="more-vertical" /> <DynamicIcon className="link" name="more-vertical" />
</a> </a>
<MenuView open={open} setOpen={setOpen} /> {/* <MenuView open={open} setOpen={setOpen} /> */}
</nav> </nav>
); );
} }
// TODO: create menu modal // TODO: create menu modal
function MenuView({ open, setOpen }: { open: boolean; setOpen: (value: boolean) => void }) { // function MenuView({ open, setOpen }: { open: boolean; setOpen: (value: boolean) => void }) {
return ( // return (
<div className={`ka-menu ${open ? "open" : ""}`}> // <div className={`ka-menu ${open ? "open" : ""}`}>
<MenuItem icon="panel-left-close" name="Close" block={() => { // <MenuItem icon="panel-left-close" name="Close" block={() => {
setOpen(false); // setOpen(false);
}} /> // }} />
</div> // </div>
); // );
} // }
function MenuItem({ icon, name, block }: { icon: IconName, name: string, block?: () => void }) { // function MenuItem({ icon, name, block }: { icon: IconName, name: string, block?: () => void }) {
return ( // return (
<a className={"ka-menu-item link"} onClick={ev => { // <a className={"ka-menu-item link"} onClick={ev => {
ev.preventDefault(); // ev.preventDefault();
if (typeof block === "undefined") // if (typeof block === "undefined")
return; // return;
block(); // block();
}}> // }}>
<DynamicIcon name={icon} /> // <DynamicIcon name={icon} />
<span>{name}</span> // <span>{name}</span>
</a> // </a>
); // );
} // }
function Footer() { function Footer() {
const path = usePath(); const path = usePath();

17
src/components/directory/directory.scss
View file

@ -4,23 +4,30 @@
display: flex; display: flex;
margin: 10px 0; margin: 10px 0;
flex-direction: column; flex-direction: column;
border-bottom: solid 2px var(--foreground); border-bottom: 1px solid var(--foreground);
.ka-dir-top { .ka-dir-top {
border-bottom: solid 2px var(--foreground); background-color: var(--nav-color);
border-top: 1px solid var(--foreground);
border-bottom: 1px solid var(--foreground);
} }
.ka-dir-row { .ka-dir-row {
padding: 0 10px;
width: 100%; width: 100%;
height: 25px;
display: grid; display: grid;
padding: 0.25rem 10px;
place-items: left center;
transition-duration: 300ms;
grid-template-columns: 0.1fr 2fr 1fr 1fr; grid-template-columns: 0.1fr 2fr 1fr 1fr;
&:hover {
transition-duration: 300ms;
background-color: rgba(0, 0, 0, 0.15);
}
.ka-dir-item { .ka-dir-item {
display: flex; display: flex;
align-items: center; align-items: center;
} }
a:hover.ka-dir-item { a:hover.ka-dir-item {