fix: menu label

This commit is contained in:
Artemy 2023-04-11 11:36:42 +03:00
parent 8737ebc3ad
commit 6cbf5b26ad

View file

@ -10,13 +10,13 @@ import { useState } from "react";
function Menu() { function Menu() {
const [hidden, setHidden] = useState(window.innerWidth < 1024 ? true : false); const [hidden, setHidden] = useState(window.innerWidth < 1024 ? true : false);
console.log(window.innerWidth);
return ( return (
<div className="grid grid-cols-2 lg:grid-cols-1 col-span-4 lg:col-span-1 gap-2 mt-4 lg:m-4 place-content-start justify-self-center justify-center"> <div className="grid grid-cols-2 lg:grid-cols-1 col-span-4 lg:col-span-1 gap-2 mt-4 lg:m-4 place-content-start justify-self-center justify-center">
{window.innerWidth < 1024 && ( {window.innerWidth < 1024 && (
<ButtonWithIcon <ButtonWithIcon
icon={ChevronDownIcon} icon={ChevronDownIcon}
text={"Menu"} text={locals.Menu}
reverse reverse
className="col-span-2 lg:col-span-1 justify-self-center" className="col-span-2 lg:col-span-1 justify-self-center"
color="bg-sky-600 hover:bg-sky-800 dark:bg-sky-800 dark:hover:bg-sky-900 text-white" color="bg-sky-600 hover:bg-sky-800 dark:bg-sky-800 dark:hover:bg-sky-900 text-white"