I'm really stuck at finding a way to close the open menu item when the user clicks outside of the open menu. I'm using the example from TailwindUI. Pasting my components below - Shell Component: <template><div><divclass="bg-gray-800 pb-32"><ce-nav:parentCloseMenu="parentCloseMenu...
{% for name, item in nav.side_nav %} {# Because the item url comes from the _data directory, it doesn't have a locale prefix. However, the page.url _does_ have a locale prefix. To figure out if this is the current active page we strip off the page.url locale prefix and pass...
index.html 1.Added Navber design -Done Jan 21, 2025 package-lock.json add some element and styling in the organaizer profile section. Feb 19, 2025 package.json add some element and styling in the organaizer profile section. Feb 19, 2025 postcss.config.js Project setup and overview -Done...
sidebar-nav_element { @apply flex-center p-16-semibold w-full whitespace-nowrap rounded-full bg-cover transition-all hover:bg-purple-100 hover:shadow-inner; } .sidebar-link { @apply p-16-semibold flex size-full gap-4 p-4; } /* TransformationForm Component */ .prompt-field { @apply ...
Open http://localhost:3000 in your browser to view the project. 🕸️ Snippets tailwind.config.ts import type {Config} from "tailwindcss"; const config: Config = { darkMode: ["class"], content: [ "./pages/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,md...