Porządkowanie css, i usuwanie radiowego
This commit is contained in:
@@ -3,6 +3,7 @@ import { useState } from "preact/hooks";
|
||||
* @typedef {{ name: string; href: string }} MenuLink
|
||||
* @param {{ links: MenuLink[] }} props
|
||||
*/
|
||||
|
||||
export default function MobileMenu({ links = [] }) {
|
||||
const [open, setOpen] = useState(false);
|
||||
|
||||
@@ -10,21 +11,19 @@ export default function MobileMenu({ links = [] }) {
|
||||
|
||||
return (
|
||||
<>
|
||||
{/* Ikona hamburgera */}
|
||||
<button
|
||||
onClick={toggle}
|
||||
class="fuz-mobile-toggle md:hidden"
|
||||
class="f-mobile-toggle md:hidden"
|
||||
aria-label="Menu mobilne"
|
||||
>
|
||||
{open ? "✖" : "☰"}
|
||||
</button>
|
||||
|
||||
{/* Panel mobilny */}
|
||||
<div class={`fuz-mobile-menu ${open ? "open" : ""}`}>
|
||||
<div class={`f-mobile-menu ${open ? "open" : ""}`}>
|
||||
{links.map(link => (
|
||||
<a
|
||||
href={link.href}
|
||||
class="fuz-mobile-link"
|
||||
class="f-mobile-link"
|
||||
onClick={() => setOpen(false)}
|
||||
>
|
||||
{link.name}
|
||||
|
||||
Reference in New Issue
Block a user