Следующий пользовательский интерфейс NavBarMenuToggle не отображается, но работает при нажатии ⇐ CSS

[Anonymous]

По какой-то причине кнопка переключения меню на панели навигации (гамбургер) не отображается. Когда я нажимаю установленную точку останова, сама кнопка работает и при нажатии вызывает меню, но сама кнопка переключения не видна.

Код: Выделить всё

export default function NewNavBar() {

const [isMenuOpen, setIsMenuOpen] = useState(false);
....
const makeOfferURL = user ? "/address-validate" : "/intro";

const menuItems = [
{text:"Make An Offer", href:makeOfferURL},
{text:"About Us", href:"/about"},
{text:"FAQs", href:"/faqs"},
];

return (













Link Two






Signup



{/**Menu Dropdown */}

{menuItems.map((item, index) => (


{item.text}


))}


)

}

мой файл конфигурации также:

Код: Выделить всё

const config: Config = withUt({
content: [
"./pages/**/*.{ts,tsx}",
"./components/**/*.{ts,tsx}",
"./app/**/*.{ts,tsx}",
"./src/**/*.{ts,tsx}",
"./node_modules/@nextui-org/theme/dist/**/*.{js,ts,jsx,tsx}"
],
prefix: "",
theme: {
colors: {
"primary-dark": "#001BCC",
"primary-medium": "#007FFF",
"off-white": "#F2F1EB",
"custom-white": "#fffdf7",
"dark-gray": "#4F4F4D",
"success-green": "#5cb85c",
"completed-blue": "#0077B5",
},
container: {
center: true,
padding: "2rem",
},
extend: {
fontFamily: {
ttnorms: ["TTNormsPro", "sans-serif"],
},
screens: {
"3xl": "1815px",
xs: "425px",
},
// Accordion keyframes and animation are used in ShadCN components
keyframes: {
"accordion-down": {
from: { height: "0" },
to: { height: "var(--radix-accordion-content-height)" },
},
"accordion-up": {
from: { height: "var(--radix-accordion-content-height)" },
to: { height: "0" },
},
},
animation: {
"accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out",
},
},
},
darkMode: "class",
plugins: [require("tailwindcss-animate"), nextui()],
}) satisfies Config;

export default config;

Я пробовал изменить стиль и жестко запрограммировать его цвет, но в результате весь элемент div стал окрашен в этот цвет, а сама кнопка не отображается.


Подробнее здесь: https://stackoverflow.com/questions/787 ... en-clicked